Éléments de liste dans Jetpack Compose Glimmer

Appareils XR concernés
Ces conseils vous aident à créer des expériences pour ces types d'appareils XR.
En savoir plus sur les types d'appareils XR →
Lunettes d'affichage
En savoir plus sur les types d'appareils XR →

Dans Jetpack Compose Glimmer, ListItem est le composant standard permettant d' afficher une seule ligne de contenu. Les éléments de liste sont conçus pour l'interaction basée sur la mise au point des lunettes d'affichage. Ils fournissent donc une réponse visuelle intégrée lorsqu'ils sont mis au point.

Le composant comporte deux surcharges : une avec un paramètre onClick pour les éléments qui déclenchent des actions, et une version axée uniquement sur la mise au point pour le contenu informatif qui ne nécessite pas d'action de clic.

Figure 1. Exemple de deux listes avec différents styles d'éléments de liste dans Jetpack Compose Glimmer.

Utilisation dans les listes

Les éléments de liste sont le choix principal pour les lignes d'une liste. Toutefois, les listes peuvent également héberger d'autres composants, tels que Card ou TitleChip, pour offrir une emphase visuelle différente.

Les éléments de liste utilisent l'emplacement headlineContent pour leur texte principal afin de s'aligner sur les composants Card et TitleChip utilisés pour d'autres éléments.

Exemple : élément de liste avec un libellé d'assistance et des icônes

Le code suivant crée un élément de liste avec un libellé d'assistance et des icônes de début et de fin :

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