الگوی Grid موارد را در یک طرح بندی شبکه ای ارائه می دهد و زمانی مفید است که کاربران برای انتخاب خود عمدتاً به تصاویر متکی هستند.
این الگو را میتوان در قالب Tab تعبیه کرد تا پیمایش زبانهدار را ارائه دهد یا در قالب Map + Content گنجانده شود تا یک شبکه روی نقشه ارائه شود.
قالب شبکه شامل موارد زیر است:
- سرصفحه اختیاری (هنگامی که این الگو در قالب Tab جاسازی شود، سربرگ با برگه ها جایگزین می شود)
- موارد شبکه (به یادداشت زیر مراجعه کنید)، که هر کدام حاوی یک نماد یا یک تصویر در اندازه بزرگ است
- متن اصلی برای هر مورد شبکه (اختیاری)
- متن ثانویه برای هر مورد شبکه (اختیاری)
- یک تصویر یا نماد (اختیاری)
- یک نشان
- دکمه های عمل شناور اختیاری
برای انعطاف بیشتر و استفاده از آخرین ویژگی ها، از الگوی Sectioned Item به جای قالب Grid استفاده کنید. با الگوی Sectioned Item، میتوانید فهرستها و شبکهها را ترکیب و مطابقت دهید تا یک ساختار مرور سفارشی ایجاد کنید.


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