قالب شبکه

الگوی Grid موارد را در یک طرح بندی شبکه ای ارائه می دهد و زمانی مفید است که کاربران برای انتخاب خود عمدتاً به تصاویر متکی هستند.

این الگو را می‌توان در قالب Tab تعبیه کرد تا پیمایش زبانه‌دار را ارائه دهد یا در قالب Map + Content گنجانده شود تا یک شبکه روی نقشه ارائه شود.

قالب شبکه شامل موارد زیر است:

برای انعطاف بیشتر و استفاده از آخرین ویژگی ها، از الگوی Sectioned Item به جای قالب Grid استفاده کنید. با الگوی Sectioned Item، می‌توانید فهرست‌ها و شبکه‌ها را ترکیب و مطابقت دهید تا یک ساختار مرور سفارشی ایجاد کنید.

نمونه ای از قالب شبکه ای
نمونه ای از قالب شبکه ای
نمونه ای از قالب شبکه ای
الگوی شبکه روی نقشه

الزامات UX قالب Grid

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

منابع

تایپ کنید پیوند
مرجع API GridTemplate, GridTemplate.Builder