Elementos de lista en Jetpack Compose Glimmer

Dispositivos de realidad extendida correspondientes
Esta guía te ayuda a crear experiencias para estos tipos de dispositivos de realidad extendida.
Más información sobre los tipos de dispositivos de realidad extendida →
Display Glasses
Más información sobre los tipos de dispositivos de realidad extendida →

En Jetpack Compose Glimmer, el ListItem es el componente estándar para mostrar una sola fila de contenido. Los elementos de lista están diseñados para la interacción basada en el enfoque de los Display Glasses, por lo que proporcionan una respuesta visual integrada cuando se enfocan.

El componente tiene dos sobrecargas: una con un parámetro onClick para los elementos que activan acciones y una versión solo enfocable para el contenido informativo que no requiere una acción de clic.

Figura 1. Un ejemplo de dos listas con diferentes estilos de elementos de lista en Jetpack Compose Glimmer.

Uso en listas

Los elementos de lista son la opción principal para las filas de una lista. Sin embargo, las listas también pueden alojar otros componentes, como una Card o un TitleChip, para proporcionar un énfasis visual diferente.

Los elementos de lista usan la ranura headlineContent para su texto principal para alinearse con los componentes Card y TitleChip que se usan para otros elementos.

Ejemplo: Elemento de lista con una etiqueta de asistencia y íconos

Con el siguiente código, se crea un elemento de lista con una etiqueta de asistencia y los íconos inicial y final:

@Composable
private fun ListItemWithSupportingLabelAndIcons() {
    ListItem(
        supportingLabel = { Text("Supporting Label") },
        leadingIcon = { Icon(FavoriteIcon, "Localized description") },
        trailingIcon = { Icon(FavoriteIcon, "Localized description") },
    ) {
        Text("Primary Label")
    }
}