רשימות

רשימות הן מאגרי רכיבים עם גלילה והתמקדות מובנות.

רצוי לעגן את רכיבי העיצוב לחלק התחתון של המסגרת.

עקרונות

ארגון ברור: רשימות צריכות להציג מידע בצורה ברורה ובסידור אנכי שקל לסרוק.

הצגה עקבית של פריטים: פריטים ברשימה צריכים להיות מוצגים במבנה חזותי עקבי.

אפשרות המיקוד והניווט: בממשקים שמסתמכים על ניווט באמצעות מקשי החיצים, הרשימות צריכות לציין בבירור את הפריט שמוקף כרגע במיקוד.

אינטראקטיביות: פריטים ברשימה מייצגים לרוב רכיבים שאפשר לבחור או לבצע לגביהם פעולה.

שימוש ומיקום

רשימות יכולות להכיל תוכן שונה באותה רמה עם רכיבים שניתן לחזור עליהם. בניגוד לערימות, רשימות ממלאות את מאגר התצוגה של האפליקציה.

רצוי לעגן את רכיבי העיצוב לחלק התחתון של המסגרת. ברשימות יכולים להופיע פריט אחד או יותר שאפשר לבחור בתצוגה.

רצוי לעגן את רכיבי העיצוב לחלק התחתון של המסגרת. שימוש במסכי הצללה כדי לציין תוכן שגולש מעבר לגבולות

כשברשימה יש יותר פריטים מכמות הפריטים שיכולים להיכנס לתצוגה, נעשה שימוש במסך שחור שקוף ליד הגבולות של הרשימה.

רצוי לעגן את רכיבי העיצוב לחלק התחתון של המסגרת. אפשר להוסיף כותרת לרשימה אם צריך

אפשר להשתמש בכותרת סטטית או בכותרת קבועה ברשימה כדי להבהיר את התוכן.

יותר מרשימה אחת בכל תצוגה, זה עמוס מדי מבחינה ויזואלית וקשה להתמקד.

רצוי לעגן את רכיבי העיצוב לחלק התחתון של המסגרת. שימוש בעומק כדי לציין את המיקוד

פריטים ברשימה עוברים בין עומק 0 לבין עומק +4 במצבים לא ממוקדים וממוקדים.

רצוי לעגן את רכיבי העיצוב לחלק התחתון של המסגרת. אפשר לבצע פעולות על פריטים ברשימה

פריטים ברשימה יכולים לשמש כפעולות. השארת הפעולה בפריט ברשימה

אנטומיה

הרשימה מורכבת ממאגר שאפשר לגלול בו ומפריטים ברשימה עם מרווחים קבועים. אם מספר הפריטים גדול יותר מגודל אזור התצוגה, הרשימות צריכות לגלול אנכית עם חריגה מינימלית.

רצוי לעגן את רכיבי העיצוב לחלק התחתון של המסגרת. א. מאגר תגים – אזור שניתן לגלילה

ב. פריט ברשימה

ג. סרגלי מידע

רצוי לעגן את רכיבי העיצוב לחלק התחתון של המסגרת. פריט ברשימה: כל רכיב נפרד ברשימה.

א. צורה

ב. גבול 

ג. סמל מוביל

ד. תוכן הטקסט

ה. אינדיקטור נגרר

התאמה אישית

רוב ההתאמות האישיות מתבצעות באמצעות פריטים ברשימה.

מאפיינים התאמה אישית ברירות מחדל
פריט ברשימה: צורה כן ‫40 dp
פריט ברשימה: סמל מוביל וסמל נגרר כן סמל של מדיום
פריט ברשימה: ערכי ריווח פנימי כן ‫2d dp, ‏ 20 dp
פריט ברשימה: תוכן כן שורה אחת: רכיב Text אחד שניתן להרכבה לתווית הראשית באמצעות Body Small שתי שורות: רכיב Column שמכיל שני רכיבי Text שניתנים להרכבה לתווית ראשית ולתווית משנית תווית ראשית: Title Small תווית משנית: Body Small
רשימה: verticalArrangement כן ‫20dp