מוערם

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

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

עקרונות

רכיב Stack הוא רכיב קונטיינר, ולכן הוא חולק עקרונות עיצוב עם כרטיסים ורשימות:

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

מיקוד ובהירות: הם מציגים את התוכן בצורה ברורה וממוקדת.

גמישות: אפשר להציג בכרטיסים התראות.

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

שימוש ומיקום

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

חבילות כרטיסים

התראות מוערמות

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

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

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

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

פריטים בחלק התחתון של הערימה משתמשים בעומק של 0, בעוד שהפריט העליון ביותר משתמש בעומק של +2.

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

אפשר לעבור בין הפריטים בערימה אחד בכל פעם

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

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

אנטומיה

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

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

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

התאמה אישית

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