Esta página se ha traducido con Cloud Translation API.

Elementos de la lista

Una vista de lista muestra el contenido como elementos de línea en una lista de una sola columna que se desplaza verticalmente. Esta vista es ideal cuando los usuarios leen texto y ven datos para realizar sus selecciones.

Los elementos de lista requieren menos espacio vertical que los elementos de cuadrícula, lo que permite mostrar más elementos en la pantalla.

Componente de cuadrículas

Las cuadrículas proporcionan un modo de visualización alternativo que resalta las imágenes.

Anatomía

En una vista de lista, cada fila contiene un mosaico que representa un elemento de la lista. Las acciones principales pueden llenar el mosaico, de modo que los usuarios puedan iniciar acciones desde cualquier lugar. Para las acciones complementarias representadas por iconos y texto, solo se puede actuar en la región que contiene los iconos y el texto.

Especificaciones

Elemento de lista de una sola línea

Elemento de lista de dos líneas

Elemento de lista de dos líneas invertido

Elemento de lista de varias líneas con encabezado

Elemento de lista de varias líneas sin encabezado

Elemento de lista con desbordamiento de texto

Elemento de lista con acciones divididas

Ubicación del icono indicador en los elementos de la lista

Diseños de escala

Estos diseños de referencia muestran cómo adaptar los elementos de lista para pantallas de diferentes anchos y alturas. (Las categorías de ancho y altura se definen en la sección Diseño ). Tenga en cuenta que todos los valores de píxeles se expresan en píxeles renderizados, antes de cualquier reducción o aumento de resolución.

Disposición

Márgenes, líneas clave y relleno para varios tamaños de pantalla

Etiquetas de diseño

Definiciones de E, M, KL, P, Flex

Pantallas estándar, anchas y extra anchas

Pantallas estándar, anchas y extra anchas con mosaico de contenido

Pantallas superanchas

Estilos

Tipografía

Color

Apresto

Ejemplos