يؤدي عرض القائمة إلى عرض المحتوى كعناصر في قائمة بعمود واحد يتم تمريرها عموديًا. تكون طريقة العرض هذه أفضل عندما يعتمد المستخدمون على قراءة النص وعرض البيانات لتحديد الاختيار.
تتطلب عناصر القائمة مساحة رأسية أقل من عناصر الشبكة، مما يسمح بعرض المزيد من العناصر على الشاشة.
علم التشريح
في طريقة العرض على شكل قائمة، يحتوي كل صف على مربّع يمثّل عنصرًا واحدًا. يمكن أن تملأ الإجراءات الأساسية المربّع، كي يتمكّن المستخدمون من بدء الإجراء من أي مكان في المربّع. بالنسبة إلى الإجراءات التكميلية التي يتم تمثيلها بالرموز والنصوص، لا يمكن اتخاذ إجراء إلا في المنطقة التي تحتوي على الرموز والنص.
2- زر التبديل مفعّل
3. إيقاف زر التبديل
4. النص الأساسي والثانوي
5- قسم المحتوى
المواصفات
عنصر قائمة من سطر واحد
عنصر قائمة من سطرين
عكس عنصر قائمة مؤلف من سطرين
عنصر قائمة متعدد الأسطر مع عنوان
عنصر قائمة متعدد الأسطر بدون عنوان
عنصر قائمة بتجاوز النص
عنصر قائمة بإجراءات مقسمة
موضع رمز المؤشر في عناصر القائمة
تغيير حجم التخطيطات
توضح هذه التخطيطات المرجعية كيفية تكييف عناصر القائمة لتلائم شاشات ذات عروض وارتفاعات مختلفة. (يتم تحديد فئات العرض والارتفاع في قسم التصميم). تجدر الإشارة إلى أنّ جميع قيم البكسل تكون في وحدات البكسل المعروضة، قبل حدوث أي انخفاض في أخذ العينات أو زيادة العيّنات.
الشاشات العادية والعريضة والعريضة جدًا
الشاشات العادية والعريضة والواسعة جدًا مع مربّع المحتوى
الشاشات الفائقة العرض
الأنماط
فن الطباعة
| نمط النوع | الخط | الوزن | الحجم (dp) |
|---|---|---|---|
| Body 1 | Roboto | عادي | 32 |
| النص الأساسي 3 | Roboto | عادي | 24 |
اللون
| عنصر | اللون(الوضع اليومي) | الألوان (الوضع الليلي) |
|---|---|---|
| النوع الأساسي / الرموز | بالأبيض | أبيض @ 88٪ |
| النوع الثانوي أو الرموز | أبيض @ 72٪ | أبيض @ 60٪ |
| خط الفاصل | أبيض @ 22٪ | أبيض @ 12٪ |
| خلفية عنصر القائمة | أسود | أسود |
مقاسات الشعار
| عنصر | الحجم (dp) |
|---|---|
| ارتفاع عنصر القائمة | 96 (شاشات قصيرة) / 116 (شاشة عادية) / 128 (شاشة طويلة) |
| الرمز الأساسي | 44 |
| رمز ثالثي | 24 |
| فئة المحتوى | ارتفاع عناصر القائمة ناقص 1 بكسل مستقل الكثافة |
| صورة رمزية متوسطة | 76 |
| سمك خط الفاصل | 1 |
أمثلة
