כדי ליצור פריסות יעילות של ווידג'טים, קודם צריך לזהות את התוכן העיקרי. הפריסה קובעת איך המידע ורכיבים אינטראקטיביים מסודרים בווידג'ט. ב-Android יש כמה פריסות מוכנות מראש של סרגלי כלים, טקסט, רשימות ווידג'טים מסוג רשת, כדי לייעל את התהליך הזה.
מיומנויות ב-Android
הצגה ב-GitHubפריסות קנוניות של ווידג'טים ב-Glance
android skills add glance-canonical-layoutsטקסט
פריסות טקסט אידיאליות להצגת מידע תמציתי. כדי לשפר את המראה של הווידג'ט, אפשר להוסיף תמונה לצד הטקסט.
הוא מתאים לכותרות, לעדכוני סטטוס, לתיאורים קצרים או לכל מצב שבו שורת טקסט אחת מעבירה את המסר בצורה יעילה.
כדאי להוסיף תמונה כדי להגביר את ההשפעה החזותית. מידע נוסף על התאמת הפריסה הזו לגדלים שונים של מסכים מופיע במאמר בנושא נקודות עצירה.
סרגלי כלים
אפשר להשתמש בפריסות של סרגל הכלים כדי לספק למשתמשים גישה מהירה למשימות שבהן הם משתמשים לעיתים קרובות באפליקציה, בפריסה גמישה שמותאמת לגדלים שונים של ווידג'טים.
פריסת סרגל הכלים של החיפוש נועדה למשוך את תשומת הלב לחיפוש כפעולה ראשית בסרגל הכלים. כפתורים שימושיים נוספים יכולים לספק גישה מהירה לפונקציות שמשתמשים בהן לעיתים קרובות.
סרגלי הכלים מציגים את המיתוג של האפליקציה ואחריו לחצנים למשימות הנפוצות ביותר, שמתאימים להגדרות שאפשר להפעיל או להשבית או לקישורים למשימות. כשמשנים את הגודל, אפשר להסתיר אפשרויות שפחות נפוצות ולהציג במקומן פעולות נפוצות יותר. משתמשים בנקודות עצירה כדי להוסיף לחצן חדש בגודל מינימלי של 48dp שאפשר להקיש עליו, אם יש מקום.
רשימות
אפשר להשתמש בפריסות של רשימות כדי לארגן כמה פריטים בפורמט ברור ונוח לסריקה. האפשרות הזו מתאימה במיוחד לכותרות של חדשות, לרשימות מטלות או להודעות. ארגון התוכן ברשימה מובנית שקל לסרוק. אתם יכולים לבחור בין הצגה בתוך קונטיינר או בלי קונטיינר, בהתאם לצרכים של התוכן שלכם.
רשימות של טקסט ותמונות שניתן לסרוק הן דרך מצוינת להציג כמה סוגי תוכן, כמו כותרות של חדשות, פלייליסטים עם עטיפות אלבומים או הודעות.
פריסת רשימת המשימות מושלמת להצגת משימות, ומספקת מטרות מגע ברורות למשתמשים כדי לסמן במהירות פריטים כ"בוצעו".
אפשר לספק קיבוץ אינטואיטיבי של אמצעי בקרה באמצעות רשימות פעולות, שבהן מצבי הפעלה/השבתה ויזואליים מספקים משוב מיידי על סטטוס הפריטים.
הפריסה הזו אידיאלית להצגת תמונות סוחפות בלי שוליים ב-Android מגרסה 17 ואילך. היא משתמשת בגלילה מהירה כדי לוודא שכל רכיב צאצא מיושר בצורה מושלמת לגובה של מאגר הווידג'טים.
רשת
הצגת תמונות ברשת קומפקטית, גמישה ועשירה מבחינה חזותית עם תוויות אופציונליות. משתמשים בעמודות ובשורות שמותאמות לגדלים שונים של מסכים.
אפשר ליצור גלריות של תמונות עם השפעה חזותית חזקה, שניתן לגלול בהן, באמצעות רשתות של תמונות בלבד. השורות והעמודות מתאימות את עצמן באופן אוטומטי לגודלי מסך שונים כדי להציג את התוכן בצורה אופטימלית.
אפשר גם לשלב תוויות טקסט ותיאורים, כדי להעשיר את התוכן של רשת התמונות בהקשר ובמידע נוספים.
דוגמאות קוד
בטבלה הבאה מופיע מיפוי של כל פריסה קנונית להטמעה המתאימה של Jetpack Glance במאגר של דוגמאות לפלטפורמת Android ב-GitHub.
| פריסה קנונית | קבצי רפרנס | הדרכה |
|---|---|---|
| פריסת רשימת הפעולות |
|
|
| פריסת רשימת משימות |
|
|
| פריסת סרגל כלים עם אופי |
|
|
| פריסת רשת של תמונות |
|
|
| פריסת רשימה של תמונות וטקסט |
|
|
| פריסת טקסט ארוך |
|
|
| פריסת סרגל הכלים של החיפוש |
|
|
| פריסת תמונה ללא שוליים לבנים / גלילה עם הצמדה |
|
|
| פריסת סרגל הכלים הרגילה |
|
|
| פריסת טקסט עם תמונה |
|