בדפים שמכילים מידע נוסף שחורג מגובה המסך, או שדורשים מסלולי משתמש ארוכים יותר וסוחפים יותר, כדאי להשתמש בתצוגת גלילה.
רכיבים של פריסת גלילה מוגדרת מראש
תיבת דו-שיח עם כפתורים מוערמים בתחתית
תיבת דו-שיח עם כפתורים מוערמים בתחתית
תיבת דו-שיח עם שני לחצנים בתחתית
דוגמאות לפריסות עם גלילה בהתאמה אישית
מסכים של אפליקציות עם גלילה לא מוגבלים לרכיבים המוגדרים, אלא אפשר לשלב בהם רכיבים כדי ליצור את הפריסה הרצויה. חשוב לשים לב לאורך המסך הגולל ולשימוש בשוליים ובמרווחים פנימיים דינמיים (באחוזים), כדי לוודא שהרכיבים מותאמים לגודל המסך הזמין.
תוכן נוסף במסכים גדולים יותר
רשימת לחצנים: לחצני סמלים בגודל סמל של 26dp
רשימת לחצנים: לחצני אפליקציות עם גודל סמל של 32dp
רשימת לחצנים: לחצני אפליקציות עם גודל סמל של 36dp
רשימת לחצנים עם לחצני מעבר
רשימה מעורבת עם רכיבים בשורה אחת
רשימה מעורבת עם רכיבים מרובי שורות
רשימת כרטיסים עם כרטיסי אפליקציות
רשימת כרטיסים עם כרטיסי כותרת
רשימת כרטיסים עם כרטיסים בהתאמה אישית
רשימת טקסט
התנהגות רספונסיבית ומותאמת
כל הרכיבים בספריית Compose מותאמים אוטומטית לגודל המסך הרחב יותר, ומתרחבים לגובה ולרוחב. תצוגות גלילה שמשתמשות בשיטות עיצוב רספונסיביות בדרך כלל מותאמות למגוון גדלים של מסכים. עם זאת, במקרים מיוחדים, אפשר להשתמש בנקודת עצירה כדי לשנות את המידות ולשפר את הפריסות. כך אפשר להרחיב את הפונקציונליות, לשפר את הקריאות או להתאים את התוכן למסך בצורה טובה יותר.
כדי לוודא שהפרמטרים הרספונסיביים מוגדרים בצורה נכונה, אפשר להשתמש ברשימת המשימות הבאה:
- החלת השוליים המומלצים בחלק העליון, התחתון והצדדים.
- מגדירים שוליים חיצוניים בערכי אחוזים כדי למנוע חיתוך בתחילת המאגר שניתן לגלילה ובסופו.
- הגדרת שוליים בין רכיבי ממשק המשתמש בערכי DP קבועים.
- כדאי להגדיר נקודת עצירה ב-225dp כדי להוסיף תוכן או להפוך את התוכן הקיים לקל יותר לקריאה במבט חטוף כשמשתמשים במסכים גדולים יותר.
