כדי ליצור פריסות אפקטיביות של ווידג'טים, צריך קודם לזהות את התוכן המרכזי. הפריסה קובעת איך המידע והרכיבים האינטראקטיביים מסודרים בווידג'ט. ב-Android יש כמה פריסות מוכנות מראש עבור סרגלי כלים, טקסט, רשימות ווידג'טים מסוג רשת, כדי לייעל את התהליך הזה.
טקסט
פריסות טקסט אידיאליות להצגת מידע תמציתי. כדי לשפר את המראה של הווידג'ט, אפשר לכלול תמונה לצד הטקסט.
האפשרות הזו מתאימה לכותרות, לעדכוני סטטוס, לתיאורים קצרים או לכל תרחיש שבו שורה אחת של טקסט מעבירה את המסר בצורה יעילה.
כדאי לכלול תמונה כדי להגביר את ההשפעה החזותית. מידע נוסף על התאמת הפריסה הזו לגדלי מסך שונים מופיע במאמר בנושא נקודות עצירה.
סרגלי כלים
אתם יכולים להשתמש בפריסות של סרגלי כלים כדי לספק למשתמשים גישה מהירה למשימות שבהן הם משתמשים לעיתים קרובות באפליקציה שלכם, בפריסה גמישה שמותאמת לגדלים שונים של ווידג'טים.
פריסת סרגל כלים לחיפוש מתוכננת במיוחד כדי למקד את תשומת הלב בחיפוש כפעולה ראשית בסרגל הכלים. לחצנים שימושיים נוספים יכולים לספק גישה מהירה לפונקציות שבהן משתמשים לעיתים קרובות.
סרגלי הכלים מציגים את המיתוג של האפליקציה ואחריו לחצנים למשימות הנפוצות ביותר, שמתאימים להגדרות שאפשר להפעיל או להשבית או לקישורים למשימות. כשמשנים את הגודל, אפשר להסתיר אפשרויות פחות נפוצות כדי להציג פעולות נפוצות יותר. אפשר להשתמש בנקודות עצירה כדי להוסיף לחצן חדש בגודל מינימלי של 48dp שאפשר להקיש עליו, אם יש מקום.
רשימות
אפשר להשתמש בפריסות של רשימות כדי לארגן כמה פריטים בפורמט ברור ונוח לסריקה. האפשרות הזו מתאימה במיוחד לכותרות של חדשות, לרשימות מטלות או להודעות. ארגון התוכן ברשימה מובנית שקל לסרוק. בוחרים בין הצגה מבוססת-קונטיינר לבין הצגה ללא קונטיינר, בהתאם לצרכים שלכם.
רשימות של טקסט ותמונות שקל לסרוק הן דרך מצוינת להצגת כמה סוגי תוכן, כמו כותרות חדשות, פלייליסטים עם עטיפות אלבומים או הודעות.
פריסת תיבת הסימון מושלמת להצגת משימות, ומספקת יעדי הקשה ברורים למשתמשים כדי לסמן במהירות פריטים כהושלמו.
אפשר לספק קיבוץ אינטואיטיבי של אמצעי בקרה באמצעות רשימות פעולות, שבהן מצבי הפעלה/השבתה חזותיים מספקים משוב מיידי על סטטוס הפריטים.
הפריסה הזו אידיאלית להצגת תמונות סוחפות ללא שוליים ב-Android מגרסה 17 ומעלה. היא משתמשת בגלילה עם הצמדה כדי להבטיח שכל רכיב צאצא יתיישר בצורה מושלמת עם הגובה של מאגר הווידג'ט.
רשת
הצגת תמונות ברשת קומפקטית, גמישה ועשירה מבחינה ויזואלית עם תוויות אופציונליות. משתמשים בעמודות ובשורות שמותאמות לגדלים שונים של מסכים.
אפשר ליצור גלריות תמונות שמושכות את העין וניתנות לגלילה באמצעות רשתות של תמונות בלבד. השורות והעמודות מותאמות באופן אוטומטי לגדלים שונים של מסכים כדי להציג את הנתונים בצורה אופטימלית.
אפשר גם לשלב תוויות ותיאורים של טקסט כדי להוסיף הקשר ומידע לתוכן של רשת התמונות.
דוגמאות קוד
בטבלה הבאה מפורטות כל הפריסות הקנוניות וההטמעה התואמת שלהן ב-Jetpack Glance במאגר הדוגמאות של פלטפורמת Android ב-GitHub.
| פריסה קנונית | קטגוריית פריסה | קובץ הטמעה לדוגמה |
|---|---|---|
| טקסט בלבד | טקסט | LongTextAppWidget.kt |
| טקסט ותמונה | טקסט | TextWithImageAppWidget.kt |
| סרגל החיפוש | סרגלי כלים | SearchToolBarAppWidget.kt |
| סרגל כלים (רגיל) | סרגלי כלים | ToolBarAppWidget.kt |
| רשימה עם טקסט ותמונה | רשימות | ImageTextListAppWidget.kt |
| רשימת משימות | רשימות | CheckListAppWidget.kt |
| רשימת פעולות | רשימות | ActionListAppWidget.kt |
| גלילה מהירה בכיסוי מלא | רשימות | FullBleedImageAppWidget.kt |
| תמונה בלבד | רשת | ImageGridAppWidget.kt |
| תמונה וטקסט | רשת | ImageGridAppWidget.kt |