الگوی Grid موارد را در یک طرح شبکهای ارائه میدهد و زمانی مفید است که کاربران برای انتخابهای خود عمدتاً به تصاویر متکی هستند.
این الگو میتواند در الگوی Tab تعبیه شود تا پیمایش تببندیشده را فراهم کند یا در الگوی Map + Content گنجانده شود تا یک شبکه روی نقشه ایجاد کند.
الگوی شبکه شامل موارد زیر است:
- سربرگ اختیاری (وقتی این الگو در الگوی برگه تعبیه شده باشد، سربرگ با برگهها جایگزین میشود)
- موارد شبکهای (به یادداشت زیر مراجعه کنید)، که هر کدام شامل یک آیکون یا یک تصویر بزرگ هستند
- متن اصلی برای هر آیتم شبکه (اختیاری)
- متن ثانویه برای هر آیتم شبکه (اختیاری)
- تصویر یا آیکون (اختیاری)
- یک نشان
- دکمههای عملیاتی شناور اختیاری
برای انعطافپذیری بیشتر و بهرهمندی از جدیدترین ویژگیها، از الگوی بخشبندیشده به جای الگوی شبکهای استفاده کنید. با الگوی بخشبندیشده، میتوانید فهرستها و شبکهها را با هم ترکیب و تطبیق دهید تا یک ساختار مرور سفارشی ایجاد کنید.
الزامات تجربه کاربری قالب شبکهای
| باید | برای جلوگیری از کوتاه شدن، طول رشتههای متنی اولیه و ثانویه را محدود کنید. |
| باید | برای هر آیتم شبکه، یک اقدام مرتبط در نظر بگیرید (موارد صرفاً اطلاعاتی توصیه نمیشوند). |
| باید | وضعیت آیتم (برای آیتمهای شبکهای که چندین حالت دارند، مانند انتخابشده و انتخابنشده) را با تغییرات در تصویر، آیکون یا متن به وضوح مشخص کنید. |
| باید | یک سربرگ با عنوان اختیاری و اقدامات اصلی و فرعی قرار دهید. |
| نباید | همزمان هم نوار اکشن و هم دکمه اکشن شناور را در نظر بگیرید. |
| ممکن است | وقتی عملی مرتبط با یک آیتم شبکهای در حال انجام است، به جای آیکون یا تصویر، یک چرخندهی بارگذاری نمایش داده میشود. |
منابع
| نوع | پیوند |
| مرجع API | GridTemplate, GridTemplate.Builder |