Шаблон Grid представляет элементы в виде сетки и полезен, когда пользователи при выборе полагаются в первую очередь на изображения.
Этот шаблон можно встроить в шаблон «Вкладка» для обеспечения навигации с помощью вкладок или включить в шаблон «Карта + Контент» для предоставления сетки на карте.
Шаблон сетки включает в себя следующее:
- Необязательный заголовок (заголовок заменяется вкладками, если этот шаблон встроен в шаблон вкладок )
- Элементы сетки (см. примечание ниже), каждый из которых содержит значок или изображение большого размера.
- Основной текст для каждого элемента сетки (необязательно)
- Дополнительный текст для каждого элемента сетки (необязательно)
- Изображение или значок (необязательно)
- Значок
- Дополнительные плавающие кнопки действий
Для большей гибкости и использования новейших функций используйте шаблон «Sectioned Item» вместо шаблона «Grid». Шаблон «Sectioned Item» позволяет комбинировать списки и сетки, создавая собственную структуру просмотра.
Требования к UX-шаблону сетки
| ДОЛЖЕН | Ограничьте длину первичных и вторичных текстовых строк, чтобы избежать усечения. |
| ДОЛЖЕН | С каждым элементом сетки должно быть связано действие (не рекомендуется использовать только информационные элементы). |
| ДОЛЖЕН | Четко указывайте состояние элемента (для элементов сетки, которые имеют несколько состояний, например, «выбран» и «невыбран») с помощью вариаций изображения, значка или текста. |
| ДОЛЖЕН | Включите заголовок с необязательным названием, а также основными и дополнительными действиями. |
| НЕ ДОЛЖЕН | Включите одновременно и полосу действий , и плавающую кнопку действия . |
| МОЖЕТ | Показывать индикатор загрузки вместо значка или изображения элемента сетки, когда выполняется действие, связанное с элементом. |
Ресурсы
| Тип | Связь |
| Ссылка на API | GridTemplate, GridTemplate.Builder |