أمثلة على التنسيقات التكيّفية
إنشاء
التنسيق
FlexBox
يعرض نموذج تطبيق FlexBox تخطيط FlexBox. يوضّح التطبيق اتجاهات الأعمدة والصفوف، وحجم العناصر المرنة (الأساس، والتوسيع، والتقليص)، وسلوك الالتفاف، وإعدادات المحاذاة.
إنشاء
التنسيق
معرّف الإصدار العالمي (GRid)
يوضّح نموذج تطبيق Grid كيفية ضبط أعمدة وصفوف الشبكة، وكيفية توسيع العناصر على مستوى صفوف وأعمدة متعددة باستخدام أدوات تعديل الشبكة في Compose.
إنشاء
توافقي
MediaQuery
MediaQuery هو تطبيق نموذجي يستكشف واجهات برمجة التطبيقات Media Query في واجهة مستخدم Compose. يوضّح النموذج كيفية تكييف التصميم وعناصر واجهة المستخدم استنادًا إلى أبعاد النافذة ووضع الجهاز (مثل وضع "التثبيت على سطح مستوٍ") وأجهزة الإدخال (لوحات المفاتيح ودقة المؤشر) وأجهزة الاستشعار والأجهزة والمسافة بين المستخدم والشاشة.