بالنسبة إلى الصفحات التي تحتوي على معلومات أكثر من ارتفاع الشاشة أو تتطلّب رحلات أطول وأكثر شمولاً، استخدِم طريقة عرض قابلة للتمرير.
مكوّنات تنسيق التمرير المُعدّة مسبقًا
مربّع حوار يتضمّن مجموعة أزرار سفلية
مربّع حوار يتضمّن مجموعة أزرار سفلية
مربّع حوار يتضمّن زرّين مزدوجين في أسفله
أمثلة على تخطيطات التمرير المخصّصة
لا تقتصر شاشات التطبيقات القابلة للتمرير على المكوّنات المحدّدة، بل يمكنها الجمع بين العناصر لإنشاء التصميم الذي تريده. يجب الانتباه إلى طول الشاشة القابلة للتمرير، واستخدام الهوامش والحشو المتجاوب (النسبة المئوية)، للتأكّد من أنّ المكوّنات تتكيّف مع حجم الشاشة المتاح.
محتوى إضافي على الشاشات الأكبر
قائمة الأزرار: أزرار الرموز بحجم 26dp
قائمة الأزرار: أزرار التطبيق بحجم الرمز 32dp
قائمة الأزرار: أزرار التطبيق بحجم الرمز 36dp
قائمة الأزرار التي تتضمّن أزرار تبديل
قائمة مختلطة تتضمّن عناصر من سطر واحد
قائمة مختلطة تتضمّن عناصر متعددة الأسطر
قائمة بطاقات تتضمّن بطاقات التطبيقات
قائمة بطاقات تتضمّن بطاقات عناوين
قائمة بطاقات تتضمّن بطاقات مخصّصة
قائمة النصوص
السلوك المتجاوب والتكيّفي
تتكيّف جميع المكوّنات في مكتبة Compose تلقائيًا مع حجم الشاشة الأكبر، وتكتسب عرضًا وارتفاعًا. تتكيّف طرق العرض القابلة للتمرير التي تستخدم ممارسات التصميم سريع الاستجابة عادةً مع مجموعة من أحجام الشاشات. ومع ذلك، في بعض الحالات الخاصة، يمكنك استخدام نقطة توقّف لتجاوز الأبعاد وتحسين التصاميم التي توسّع الوظائف أو تحسّن إمكانية الاطّلاع السريع على المعلومات أو تجعل المحتوى يتناسب بشكل أفضل مع الشاشة.
للتأكّد من تحديد المَعلمات المتجاوبة بشكلٍ سليم، استخدِم قائمة التحقّق التالية:
- طبِّق الهوامش المقترَحة في الأعلى والأسفل والجانبَين.
- حدِّد الهوامش الخارجية كقيم نسبية لمنع الاقتصاص في بداية الحاوية القابلة للتمرير ونهايتها.
- تطبيق هوامش بقيم DP ثابتة بين عناصر واجهة المستخدم
- ننصحك بتطبيق نقطة توقّف عند 225 وحدة بكسل مستقلة عن الكثافة لعرض محتوى إضافي أو تسهيل إلقاء نظرة سريعة على المحتوى الحالي عند استخدام أحجام شاشات أكبر.
