Plantilla de lista

La plantilla List presenta elementos de información en un diseño de lista.

Las listas se pueden separar en secciones mediante sublistas. Para obtener una versión de esta plantilla con un mapa, las apps de navegación pueden usar la plantilla de mapas.

Esta plantilla se puede incorporar en la plantilla de pestaña para brindar navegación con pestañas.

Incluye lo siguiente:

Si deseas obtener más información sobre qué filas se pueden incluir en esta plantilla, consulta Opciones de fila para solo la plantilla de lista y los ejemplos en Flujos de muestra.

Esquemas de página de la plantilla List

Texto de lista adicional cuando el vehículo está estacionado

La cantidad de texto secundario permitida en cada fila de la lista varía en función de si el automóvil está estacionado o conduciendo. Para minimizar las distracciones, el texto se trunca a 2 líneas mientras conduces. Todo el contenido que desees leer mientras conduces debe mostrarse al comienzo del texto secundario.

Ejemplo en el que se muestra más texto cuando el usuario está estacionado
Cuando el vehículo está estacionado, el texto puede superar las dos líneas.
Ejemplo que muestra menos texto cuando el usuario está en movimiento
Cuando conduces, el texto se debe truncar para evitar distracciones.

Enumerar ejemplos de plantillas

Los siguientes ejemplos de Android Auto y SO Android Automotive (AAOS) se compilaron con la plantilla List.

Ejemplo en el que se muestran ubicaciones
Lista uniforme de ubicaciones (ejemplo de Android Auto)
Ejemplo de cómo se muestra la configuración
Lista con secciones y filas de activación (ejemplo de Android Auto)
Ejemplo en el que se muestra una lista seleccionable
Lista seleccionable con botones de selección: no se permiten secciones ni filas no seleccionables (ejemplo de AAOS)

Enumerar requisitos de UX de las plantillas

Desarrolladores de apps:

DEBES Incluye un encabezado de sección cuando haya secciones.
NO DEBE Combina filas seleccionables de una lista (filas con botones de selección) con otros tipos de filas o sepáralas con secciones.
SE RECOMIENDA Presentar selecciones predeterminadas en listas seleccionables.
SE RECOMIENDA Tener una acción asociada con cada elemento de la lista (no se recomiendan las filas solo de información)
SE RECOMIENDA Coloca contenido en el texto secundario que deba leerse mientras conduces cerca del principio para evitar que se trunque.
NO DEBES Incluye una barra de acciones y un botón de acción flotante al mismo tiempo.
MAYO Divide el contenido de la lista en secciones.
MAYO Combina filas que tengan interruptores de activación con otras filas según sea necesario.
MAYO Actualiza el texto de la fila y el recurso de imagen o de ícono cuando el usuario cambie el estado de activación.