La plantilla de cuadrícula presenta los elementos en un diseño de cuadrícula y es útil cuando los usuarios dependen principalmente de las imágenes para realizar sus selecciones.
Esta plantilla se puede incorporar en la plantilla de pestañas para proporcionar navegación con pestañas o incluirse en la plantilla de mapa y contenido para proporcionar una cuadrícula en un mapa.
La plantilla de cuadrícula incluye lo siguiente:
- Encabezado opcional (el encabezado se reemplaza por pestañas cuando esta plantilla se incorpora en la plantilla de pestañas)
- Elementos de cuadrícula (consulta la nota a continuación), cada uno de los cuales contiene un ícono o una imagen de gran tamaño
- Texto principal para cada elemento de la cuadrícula (opcional)
- Texto secundario para cada elemento de la cuadrícula (opcional)
- Una imagen o un ícono (opcional)
- Una insignia
- Botones de acción flotantes opcionales
Para obtener más flexibilidad y aprovechar las funciones más recientes, usa la plantilla de elemento seccionado en lugar de la plantilla de cuadrícula. Con la plantilla de elemento seccionado, puedes combinar listas y cuadrículas para crear una estructura de navegación personalizada.
Requisitos de UX de la plantilla de cuadrícula
| DEBE | Limita la longitud de las cadenas de texto principal y secundario para evitar el truncamiento. |
| DEBE | Asocia una acción a cada elemento de la cuadrícula (no se recomiendan los elementos solo informativos). |
| DEBE | Indica claramente el estado del elemento (para los elementos de la cuadrícula que tienen varios estados, como seleccionado y no seleccionado) con variaciones en la imagen, el ícono o el texto. |
| DEBE | Incluye un encabezado con un título opcional y acciones principales y secundarias. |
| NO DEBE | Incluye una tira de acciones y un botón de acción flotante al mismo tiempo. |
| MAYO | Muestra un indicador de carga en lugar del ícono o la imagen de un elemento de la cuadrícula cuando se esté realizando una acción asociada con el elemento. |
Recursos
| Tipo | Vínculo |
| Referencia de la API |
GridTemplate, GridTemplate.Builder
|