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