רשימות

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

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

עקרונות

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

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

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

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

שימוש ומיקום

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

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

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

שימוש במסכי הצללה כדי לציין תוכן שגולש מהמסך

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

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

אפשר להוסיף כותרת לרשימה אם צריך

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

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

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

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

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

אפשר להוסיף פעולות לביצוע לפריטים ברשימה

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

אנטומיה

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

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

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

ג. סרגלי מידע

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

א. צורה

ב. גבול 

ג. סמל מוביל

ד. תוכן הטקסט

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

התאמה אישית

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

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