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