אפשר להשתמש בפריסות קנוניות כנקודת התחלה. אלה קומפוזיציות מוכנות לשימוש שעוזרות להתאים את הפריסות לתרחישי שימוש נפוצים ולגדלים שונים של מסכים. הפריסות האלה הן אסתטיות ופונקציונליות, והן מבוססות על הנחיות Material 3.
המסגרת של Android כוללת רכיבים מיוחדים שמפשטים את ההטמעה של הפריסות ומבטיחים שהיא תהיה אמינה, באמצעות Jetpack Compose או ממשקי API של views.
פריסה של רשימה ופירוט
פריסת רשימה עם פרטים מאפשרת למשתמשים לעיין ברשימות של פריטים שכוללים מידע תיאורי, הסברי או מידע נוסף אחר – פרטי הפריט. במסכים קומפקטיים, רק הרשימה או תצוגת הפרטים גלויות. רשימות הן הצורה הנפוצה ביותר של פריסות באפליקציות. הן מציגות אוסף של תוכן בפריסה שמבוססת על שורות. התבנית 'רשימה-פרטים' מתאימה לאפליקציות של הודעות, לניהול אנשי קשר, לדפדפני קבצים או לכל אפליקציה שבה התוכן יכול להיות מאורגן כרשימה של פריטים שחושפים מידע נוסף.
התוכן יכול להיות סטטי או דינמי.
- תוכן דינמי הוא תוכן שהאפליקציה מציגה בזמן אמת, והוא מתאים במיוחד להצגת תוכן שנוצר על ידי משתמשים או לשיקוף ההעדפות או הפעולות של המשתמש. לדוגמה, נניח שיש אפליקציית תמונות עם רשימה של תמונות שנוצרו על ידי משתמשים, שאפשר לגלול בה. הרשימה הזו ייחודית לכל משתמש ומשתנה כשהמשתמש מעלה עוד תמונות. התמונות האלה הן תוכן דינמי.
- תוכן סטטי מייצג תוכן שמוטמע בקוד, שאפשר לשנות רק על ידי ביצוע שינויים ישירות בקוד של האפליקציה. דוגמאות לתוכן סטטי הן תמונות וטקסט שכל משתמש עשוי לראות.
בקובץ Figma של Now in Android יש כמה דוגמאות לפריסות. בדוגמה הבאה מוצג אוסף חד-ממדי של תוכן.
במאמר רשימות Material 3 יש הנחיות נוספות לעיצוב רכיבי רשימות ומפרטים.
פריסת הפיד
פריסת פיד מארגנת רכיבי תוכן שווי ערך ברשת שניתנת להגדרה, כדי לאפשר צפייה מהירה ונוחה בכמות גדולה של תוכן. מידע נוסף על הנחיות Material 3 לשימוש בכרטיסים באוסף במסכים קומפקטיים, בדרך כלל בכרטיסים או במשבצות, אפשר להגדיר את הפידים כרשימה או כרשת. התוכן יכול להיות דינמי, כלומר הוא מוזן ממקור חיצוני דינמי כמו API.
פריסת רשת מורכבת משורות ועמודות שנוצרות על ידי עקרונות הכלה מרומזים או מפורשים. אפשר להחיל פריסת רשת בצורה קשיחה יותר או לסירוגין כדי לשנות את השורות והעמודות. צריך להקפיד על עקביות בשימוש ברווחים ובלוגיקה כדי למנוע בלבול בקרב המשתמשים. הנחיות Material 3 בנושא עיצוב פידים
אפשר להטמיע פריסת פיד ב-Compose באמצעות Lazy lists או lazy grids, או ב-Views באמצעות RecyclerView או CardView.
לדוגמה, גלריית תמונות ופודקאסטים בפריסת רשת הן תבניות נפוצות של פידים.
פריסת חלונית התמיכה
יכול להיות שבתצוגה בנייד יידרשו תוכן או אמצעי בקרה תומכים. לרוב הם מופיעים בטפסים או בתיבות דו-שיח, ויכולים לעזור לתצוגה הראשית להישאר ממוקדת ונקייה. מומלץ לעיין בהנחיות לשימוש בפריסת M3 עם חלונית תומכת קנונית.
מידע נוסף על הנחיות M3 לגבי גיליונות תחתונים