القوائم هي تمثيل مرئي لعنصر واحد أو أكثر ذي صلة. وهي تُستخدَم عادةً لعرض مجموعة من الخيارات.
المراجع
النوع | رابط | الحالة |
---|---|---|
التصميم | مصدر التصميم (Figma) | متاح |
التنفيذ | Jetpack Compose | متاح |
أهم التفاصيل
- القوائم هي مجموعة متتابعة من النصوص أو الصور.
- يجب أن تبدو القوائم طبيعية وقابلة للاستعراض.
- تتألف القوائم من سلع تحتوي على عناصر أساسية وتكميلية. الإجراءات التي تمثلها الرموز والنص.
المتغيرات
هناك ثلاثة أنواع من القوائم: قائمة من سطر واحد، وقائمة من سطرين، قائمة من ثلاثة أسطر.
- قائمة من سطر واحد: هي سطر واحد لتوصيل كل عنصر. هذا النموذج البسيط التصميم ويضمن أن كل عنصر يكون مختلفًا بوضوح عن الآخر.
- القائمة المؤلفة من سطرين: تستخدم خطين متوازيين لتوصيل كل عنصر. ويضمن هذا التصميم المنظَّم سهولة القراءة الطبيعية ويتجنّب الإدراك الحمل الزائد.
- قائمة من ثلاثة أسطر: تستخدم ثلاثة خطوط متوازية لتمثيل كل عنصر. يخلق هذا التصميم المزخرف مستوى عالٍ من البروز البصري.
علم التشريح
- الرمز: هو رسم صغير يمثّل عنصرًا أو إجراءً محدّدًا، غالبًا تستخدم لتوصيل فكرة أو مفهوم بصريًا.
- العنوان الجانبي: سطر نص قصير يظهر أعلى العنوان أو العنوان الفرعي، يُستخدم غالبًا لتوفير سياق إضافي أو التوكيد.
- العنوان: سطر نصي كبير وغامق يعمل كعنوان رئيسي عنصر أو صفحة تصميم.
- العنوان الفرعي: سطر نصي أصغر حجمًا يوفر معلومات إضافية أو السياق أسفل العنوان الرئيسي
- عنصر التحكّم: عنصر تفاعلي يسمح للمستخدم بإدخال القرار.
الولايات
المواصفات
الاستخدام
القوائم هي مجموعات منظمة عموديًا من النصوص والصور. تتألف القائمة من قائمة واحدة، وهي محسَّنة لتسهيل فهم القراءة. المستمر من العناصر. يمكن أن تحتوي عناصر القائمة على إجراءات أساسية وتكميلية ممثلة حسب الأيقونات والنص.
![](https://developer.android.com/static/design/ui/tv/guides/components/images/lists/container-do.webp?authuser=9&hl=ar)
الإجراءات التي يُنصح بها
![](https://developer.android.com/static/design/ui/tv/guides/components/images/lists/container-dont.webp?authuser=9&hl=ar)
تنبيه
عناصر التحكّم في الاختيار
تتحكّم هذه السياسة في عرض معلومات وإجراءات عناصر القائمة. يمكن محاذاتها إلى الحافة السابقة أو اللاحقة لعنصر القائمة.
![مربع اختيار التحديد](https://developer.android.com/static/design/ui/tv/guides/components/images/lists/selection-checkbox.webp?authuser=9&hl=ar)
![راديو الاختيار](https://developer.android.com/static/design/ui/tv/guides/components/images/lists/selection-radio.webp?authuser=9&hl=ar)
![مفتاح التحكّم بالاختيار](https://developer.android.com/static/design/ui/tv/guides/components/images/lists/selection-switch.webp?authuser=9&hl=ar)
- مربّعات الاختيار: اختَر عنصرًا واحدًا أو أكثر من عناصر القائمة.
- أزرار الاختيار: يمكنك اختيار زر واحد فقط. العنصر في القائمة.
- مفاتيح التحكّم: يمكنك تفعيل أحد عناصر التحكّم أو إيقافه.
![](https://developer.android.com/static/design/ui/tv/guides/components/images/lists/selection-do.webp?authuser=9&hl=ar)
الإجراءات التي يُنصح بها
![](https://developer.android.com/static/design/ui/tv/guides/components/images/lists/selection-dont.webp?authuser=9&hl=ar)
الإجراءات غير المُوصى بها
![](https://developer.android.com/static/design/ui/tv/guides/components/images/lists/action-dont.webp?authuser=9&hl=ar)
الإجراءات غير المُوصى بها
الرموز
![](https://developer.android.com/static/design/ui/tv/guides/components/images/lists/icon-do.webp?authuser=9&hl=ar)
الإجراءات التي يُنصح بها
![](https://developer.android.com/static/design/ui/tv/guides/components/images/lists/icon-dont.webp?authuser=9&hl=ar)
الإجراءات غير المُوصى بها
الصور الرمزية والصور
يمكن أن تتضمن عناصر القائمة صورًا في اقتصاص دائري لتمثيل شخص أو كيان.