فهرست موارد

نمای فهرستی، محتوا را به صورت آیتم‌های خطی در یک لیست تک ستونی که به صورت عمودی اسکرول می‌شود، نمایش می‌دهد. این نما زمانی بهترین حالت را دارد که کاربران برای انتخاب خود به خواندن متن و مشاهده داده‌ها متکی باشند.

آیتم‌های لیست نسبت به آیتم‌های شبکه‌ای به فضای عمودی کمتری نیاز دارند و این باعث می‌شود آیتم‌های بیشتری روی صفحه نمایش داده شوند.

نماد راهنما
کامپوننت گریدها
شبکه‌ها یک حالت نمایش جایگزین ارائه می‌دهند که تصاویر را برجسته می‌کند.

آناتومی

در نمای فهرست، هر ردیف شامل یک کاشی است که نشان‌دهنده‌ی یک مورد از لیست است. اقدامات اصلی می‌توانند کاشی را پر کنند، به طوری که کاربران می‌توانند از هر کجای کاشی، اقدامی را آغاز کنند. برای اقدامات تکمیلی که توسط آیکون‌ها و متن نمایش داده می‌شوند، فقط ناحیه‌ای که شامل آیکون‌ها و متن است، قابل اجرا است.

۱. آیکون اصلی
۲. دکمه سوئیچر روشن
۳. دکمه سوئیچر را خاموش کنید
۴. متن اولیه و ثانویه
۵. کاشی محتوا

مشخصات

آیتم لیست تک خطی

آیتم لیست دو خطی

آیتم لیست دو خطی معکوس شده است

آیتم لیست چند خطی با سربرگ

آیتم لیست چند خطی بدون سربرگ

آیتم لیست با سرریز متن

آیتم لیست با اقدامات تقسیم شده

قرار دادن آیکون نشانگر در موارد لیست

مقیاس‌بندی طرح‌بندی‌ها

این طرح‌بندی‌های مرجع نشان می‌دهند که چگونه می‌توان آیتم‌های لیست را برای تطبیق با صفحات نمایش با عرض‌ها و ارتفاع‌های مختلف تطبیق داد. (دسته‌بندی‌های عرض و ارتفاع در بخش طرح‌بندی تعریف شده‌اند.) توجه داشته باشید که تمام مقادیر پیکسلی، قبل از هرگونه نمونه‌برداری نزولی یا صعودی، به صورت پیکسل‌های رندر شده هستند.

نماد راهنما
طرح بندی
حاشیه‌ها، خطوط کلیدی و فاصله‌گذاری برای اندازه‌های مختلف صفحه نمایش
نماد راهنما
برچسب‌های طرح‌بندی
تعاریف E، M، KL، P، Flex

صفحه نمایش استاندارد، عریض و فوق عریض

صفحات نمایش استاندارد، عریض و فوق عریض با کاشی محتوا

صفحه نمایش‌های فوق عریض

سبک‌ها

تایپوگرافی

سبک تایپ فونت وزن اندازه (dp)
بدنه ۱ رباتو منظم ۳۲
بدنه ۳ رباتو منظم ۲۴

رنگ

عنصر رنگ (حالت روز) رنگی (حالت شب)
نوع اصلی / آیکون‌ها سفید سفید @ ۸۸٪
نوع ثانویه / آیکون‌ها سفید @ 72% سفید @ 60%
خط جداکننده سفید @ 22% سفید @ 12٪
پس‌زمینه آیتم‌های فهرست سیاه سیاه

اندازه

عنصر اندازه (dp)
ارتفاع آیتم لیست ۹۶ (پرده‌های کوتاه) / ۱۱۶ (پرده استاندارد) / ۱۲۸ (پرده بلند)
آیکون اصلی ۴۴
آیکون سوم ۲۴
کاشی محتوا ارتفاع آیتم لیست منهای ۱dp
آواتار متوسط ۷۶
ضخامت خط جداکننده ۱

مثال‌ها

فهرست تنظیمات - روز
لیست تنظیمات - شب
فهرست تنظیمات - روز
لیست تنظیمات - شب
فهرست رسانه‌ها - روز
فهرست رسانه‌ها - شب