نمونههای طرحبندی تطبیقی
ساختن
چیدمان
فلکس باکس
برنامه نمونه FlexBox طرحبندی FlexBox را نمایش میدهد. این برنامه جهت ستونها و ردیفها، اندازه آیتمهای flex (مبنا، بزرگ و کوچک)، رفتار wrapping و پیکربندیهای ترازبندی را نشان میدهد.
ساختن
چیدمان
توری
برنامه نمونه Grid نحوه پیکربندی ستونها و ردیفهای grid و نحوه گسترش آیتمها در چندین ردیف و ستون را با استفاده از اصلاحکنندههای grid در Compose نشان میدهد.
ساختن
تطبیقی
مدیاکوئری
MediaQuery یک برنامه نمونه است که APIهای Media Query را در Compose UI بررسی میکند. این نمونه، تطبیق طرحبندی و عناصر رابط کاربری را بر اساس ابعاد پنجره، وضعیت دستگاه (مانند حالت رومیزی)، سختافزار ورودی (صفحهکلید و دقت اشارهگر)، حسگرهای سختافزاری و فاصله دید نشان میدهد.