عناصر القائمة

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

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

أيقونة التنبيه
مكون الشبكات
توفر الشبكات طريقة عرض بديلة لتسليط الضوء على الصور.

تشريح

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

1. الأيقونة الأساسية
2. زر التبديل قيد التشغيل
3. زر التبديل مطفأ
4. النصوص الأساسية والثانوية
5. مربع المحتوى

المواصفات

عنصر قائمة من سطر واحد

بند قائمة من سطرين

عنصر قائمة من سطرين معكوس

عنصر قائمة متعدد الأسطر مع عنوان

عنصر قائمة متعدد الأسطر بدون عنوان

عنصر قائمة يحتوي على نص زائد

عنصر قائمة مع إجراءات مقسمة

موضع أيقونة المؤشر في عناصر القائمة

توسيع نطاق التخطيطات

توضح هذه التخطيطات المرجعية كيفية تعديل عناصر القائمة لتناسب الشاشات ذات العرض والارتفاعات المختلفة. (تُعرَّف فئات العرض والارتفاع في قسم التخطيط ). لاحظ أن جميع قيم البكسل هي قيم البكسل المعروضة، قبل أي عملية تقليل أو زيادة في الدقة.

أيقونة التنبيه
تَخطِيط
الهوامش، والخطوط الرئيسية، والحشو لأحجام الشاشات المختلفة
أيقونة التنبيه
ملصقات التخطيط
تعريفات E و M و KL و P و Flex

شاشات قياسية، وعريضة، وعريضة جدًا

شاشات قياسية وعريضة وعريضة جدًا مع مربعات محتوى

شاشات عريضة للغاية

الأنماط

الطباعة

نمط الخط نوع الخط وزن الحجم (dp)
الجسم 1 روبوتو عادي 32
الجسم 3 روبوتو عادي 24

لون

عنصر اللون (وضع النهار) اللون (الوضع الليلي)
النوع الأساسي / الرموز أبيض أبيض بنسبة 88%
النوع الثانوي / الأيقونات أبيض بنسبة 72% أبيض بنسبة 60%
خط فاصل أبيض بنسبة 22% أبيض بنسبة 12%
خلفية عنصر القائمة أسود أسود

المقاسات

عنصر الحجم (dp)
ارتفاع عناصر القائمة 96 (شاشات قصيرة) / 116 (شاشة قياسية) / 128 (شاشة طويلة)
الأيقونة الأساسية 44
رمز ثانوي 24
مربع المحتوى ارتفاع عنصر القائمة ناقص 1dp
صورة رمزية متوسطة 76
سُمك خط التقسيم 1

أمثلة

قائمة الإعدادات - اليوم
قائمة الإعدادات - الوضع الليلي
قائمة الإعدادات - اليوم
قائمة الإعدادات - الوضع الليلي
قائمة وسائل الإعلام - اليوم
قائمة وسائل الإعلام - ليلاً