القوائم

القوائم هي حاويات للعناصر تتضمّن ميزة التمرير والتركيز.

يجب تثبيت عناصر التصميم في أسفل الإطار.

المبادئ

التنظيم الواضح: يجب أن تعرض القوائم المعلومات بترتيب عمودي واضح يسهل البحث فيه.

عرض العناصر بشكل متّسق: يجب أن تتبع عناصر القائمة بنية مرئية متّسقة.

إمكانية التركيز والتنقّل: في الواجهات التي تعتمد على التنقّل الاتجاهي، يجب أن تشير القوائم بوضوح إلى العنصر الذي تم التركيز عليه.

التفاعل: غالبًا ما تمثّل عناصر القائمة عناصر قابلة للاختيار أو يمكن اتخاذ إجراء بشأنها.

الاستخدام وموضع الإعلان

يمكن أن تحتوي القوائم على محتوى مختلف من المستوى نفسه مع عناصر قابلة للتكرار. على عكس الحزم، تملأ القوائم حاوية عرض التطبيق.

يجب تثبيت عناصر التصميم في أسفل الإطار.
يمكن أن تعرض القوائم عنصرًا واحدًا أو أكثر من العناصر القابلة للاختيار ضمن طريقة العرض.

يجب تثبيت عناصر التصميم في أسفل الإطار.

استخدام طبقات تعتيم للإشارة إلى المحتوى الزائد

عندما تحتوي قائمة على عناصر أكثر مما يمكن عرضه في إحدى طرق العرض، يتم استخدام طبقة تعتيم سوداء بالقرب من حدود القائمة.

يجب تثبيت عناصر التصميم في أسفل الإطار.

يمكن أن تستخدم القوائم عنوانًا إذا لزم الأمر

يمكن استخدام عنوان ثابت أو لاصق في قائمة لتوضيح المحتوى.

تضمين أكثر من قائمة واحدة في كل طريقة عرض، ما يؤدي إلى إرباك المستخدم بصريًا ويشتّت تركيزه

يجب تثبيت عناصر التصميم في أسفل الإطار. استخدام العمق للإشارة إلى التركيز

تنتقل عناصر القائمة بين العمق 0 والعمق +4 لحالات عدم التركيز وحالات التركيز.

يجب تثبيت عناصر التصميم في أسفل الإطار

يمكن اتّخاذ إجراء بشأن عناصر القائمة

يمكن أن تكون العناصر في القائمة بمثابة إجراءات. إبقاء الإجراء على عنصر القائمة

علم التشريح

تتألف القائمة من حاوية قابلة للتمرير وعناصر قائمة متباعدة بشكل متسق. يجب أن يتم تمرير القوائم عموديًا، مع الحد الأدنى من التجاوز، عندما يتجاوز عدد العناصر إطار العرض.

يجب تثبيت عناصر التصميم في أسفل الإطار. أ. الحاوية - المنطقة القابلة للتمرير

ب. عنصر قائمة

ج. أشرطة النظام

يجب تثبيت عناصر التصميم في أسفل الإطار. List Item: يمثّل كل عنصر فردي ضمن القائمة.

أ. الشكل

ب. الحدود 

ج. الرمز السابق

د. محتوى النص

هـ. المؤشر اللاحق

التخصيص

يتم إجراء معظم عمليات التخصيص باستخدام عناصر القائمة.

الخصائص التخصيص الإعدادات التلقائية
عنصر القائمة: الشكل نعم 40 وحدة بكسل مستقلة الكثافة
عنصر القائمة: رمز سابق ولاحق نعم رمز الرمز المتوسط
عنصر القائمة: قيم المساحة المتروكة نعم ‫2d dp و20 dp
عنصر القائمة: المحتوى نعم سطر واحد: عنصر Text قابل للإنشاء لإنشاء التصنيف الأساسي باستخدام Body Small سطران: عمود يحتوي على عنصرَين Text قابلَين للإنشاء لإنشاء تصنيف أساسي وثانوي أساسي: Title Small ثانوي: Body Small
القائمة: verticalArrangement نعم ‫20 وحدة بكسل مستقلة الكثافة