القوائم هي حاويات للعناصر تتضمّن ميزة التمرير والتركيز.
المبادئ
التنظيم الواضح: يجب أن تعرض القوائم المعلومات بترتيب عمودي واضح يسهل البحث فيه.
عرض العناصر بشكل متسق: يجب أن تتبع عناصر القائمة بنية مرئية متسقة.
إمكانية التركيز والتنقّل: في واجهات المستخدم التي تعتمد على التنقّل الاتجاهي، يجب أن تشير القوائم بوضوح إلى العنصر الذي يتم التركيز عليه حاليًا.
التفاعل: غالبًا ما تمثّل عناصر القائمة عناصر قابلة للاختيار أو يمكن اتخاذ إجراء بشأنها.
الاستخدام وموضع الإعلان
يمكن أن تحتوي القوائم على محتوى مختلف من المستوى نفسه مع عناصر قابلة للتكرار. على عكس الحزم، تملأ القوائم حاوية عرض التطبيق.
يمكن أن تعرض القوائم عنصرًا واحدًا أو أكثر يمكن اختياره ضمن طريقة عرض.
استخدام طبقات تعتيم للإشارة إلى المحتوى الزائد
عندما تحتوي قائمة على عناصر أكثر من تلك التي يمكن عرضها في إحدى طرق العرض، يتم استخدام طبقة سوداء شفافة بالقرب من حدود القائمة.
يمكن أن تستخدم القوائم عنوانًا إذا لزم الأمر
يمكن استخدام عنوان ثابت أو لاصق في قائمة لتوضيح المحتوى.
الإجراءات غير المُوصى بها
استخدام العمق للإشارة إلى التركيز
تنتقل عناصر القائمة بين العمق 0 والعمق +4 لحالات عدم التركيز والتركيز.
يمكن اتّخاذ إجراء بشأن عناصر القائمة
يمكن أن تعمل العناصر في القائمة كإجراءات. إبقاء الإجراء على عنصر القائمة
علم التشريح
تتألف القائمة من حاوية قابلة للتمرير وعناصر قائمة متباعدة بشكل متسق. يجب أن تكون القوائم قابلة للتمرير عموديًا، مع الحد الأدنى من التجاوز، عندما يتجاوز عدد العناصر إطار العرض.
أ. الحاوية - المنطقة القابلة للتمرير
ب. عنصر قائمة
ج. أشرطة النظام
عنصر القائمة: يمثّل كل عنصر فردي ضمن القائمة.
أ. الشكل
ب. الحدود
جـ. الرمز السابق
د. محتوى النص
هـ. المؤشر المتأخر
التخصيص
يتم إجراء معظم عمليات التخصيص باستخدام عناصر القائمة.
| الخصائص | التخصيص | الإعدادات التلقائية |
|---|---|---|
| عنصر القائمة: الشكل | نعم | 40 وحدة بكسل مستقلة الكثافة |
| عنصر القائمة: رمز سابق ولاحق | نعم | رمز الرمز المتوسط |
| عنصر القائمة: قيم المساحة المتروكة | نعم | 2d dp و20 dp |
| عنصر القائمة: المحتوى | نعم | سطر واحد: عنصر Text قابل للإنشاء لإنشاء التصنيف الأساسي باستخدام Body Small سطران: عمود يحتوي على عنصرَين Text قابلَين للإنشاء لإنشاء تصنيف أساسي وثانوي أساسي: Title Small ثانوي: Body Small |
| القائمة: verticalArrangement | نعم | 20 وحدة بكسل مستقلة الكثافة |