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