תבנית הרשת מציגה פריטים בפריסת רשת, והיא שימושית במקרים שבהם המשתמשים מסתמכים בעיקר על תמונות כדי לבחור פריטים.
אפשר להטמיע את התבנית הזו בתבנית הכרטיסיות כדי לספק ניווט בכרטיסיות, או לכלול אותה בתבנית "מפה + תוכן" כדי לספק רשת במפה.
תבנית הרשת כוללת את הרכיבים הבאים:
- כותרת אופציונלית (הכותרת מוחלפת בכרטיסיות כשהתבנית הזו מוטמעת בתבנית הכרטיסיות)
- פריטים בתצוגת רשת (ראו את ההערה למטה), שכל אחד מהם מכיל סמל או תמונה בגודל גדול
- הטקסט הראשי לכל פריט ברשת (אופציונלי)
- טקסט משני לכל פריט ברשת (אופציונלי)
- תמונה או סמל (אופציונלי)
- תג
- לחצני פעולה צפים אופציונליים
כדי ליהנות מגמישות רבה יותר ולהשתמש בתכונות החדשות ביותר, כדאי להשתמש בתבנית של פריט עם מקטעים במקום בתבנית של פריט עם רשת. בעזרת תבנית Sectioned Item (פריט עם מקטעים), אפשר לשלב בין רשימות ורשתות כדי ליצור מבנה גלישה מותאם אישית.
דרישות UX לגבי תבנית של רשת
| SHOULD | כדי למנוע קטיעה של הטקסט, מומלץ להגביל את האורך של מחרוזות הטקסט הראשי והמשני. |
| SHOULD | לכל פריט ברשת צריכה להיות משויכת פעולה (לא מומלץ להשתמש בפריטים שמציגים מידע בלבד). |
| SHOULD | צריך לציין בבירור את מצב הפריט (לפריטים בפריסה של רשת שיש להם כמה מצבים, כמו בחירה וביטול בחירה) באמצעות שינויים בתמונה, בסמל או בטקסט. |
| מומלץ | אפשר לכלול כותרת עם שם אופציונלי ופעולות ראשיות ומשניות. |
| לא צריך | לכלול בו-זמנית פס פעולות וכפתור פעולה צף. |
| מאי | הצגת סמל טעינה במקום הסמל או התמונה של פריט ברשת, כשפעולה שמשויכת לפריט נמצאת בתהליך. |
משאבים
| סוג | קישור |
| הפניית ממשק API |
GridTemplate, GridTemplate.Builder
|