Elementi di elenco in Jetpack Compose Glimmer

Dispositivi XR applicabili
Queste indicazioni ti aiutano a creare esperienze per questi tipi di dispositivi XR.
Scopri di più sui tipi di dispositivi XR →
Display Glasses
Scopri di più sui tipi di dispositivi XR →

In Jetpack Compose Glimmer, ListItem è il componente standard per visualizzare una singola riga di contenuti. Gli elementi di elenco sono progettati per l'interazione basata sulla messa a fuoco degli occhiali display, pertanto forniscono una risposta visiva integrata quando vengono messi a fuoco.

Il componente ha due overload: uno con un parametro onClick per gli elementi che attivano azioni e una versione solo selezionabile per i contenuti informativi che non richiedono un'azione di clic.

Figura 1. Un esempio di due elenchi con diversi stili di voci di elenco in Jetpack Compose Glimmer.

Utilizzo all'interno degli elenchi

Gli elementi dell'elenco sono la scelta principale per le righe all'interno di un elenco, ma gli elenchi possono ospitare anche altri componenti, come un Card o un TitleChip, per fornire un'enfasi visiva diversa.

Gli elementi dell'elenco utilizzano lo slot headlineContent per il testo principale in modo da allinearsi ai componenti Card e TitleChip utilizzati per altri elementi.

Esempio: elemento di elenco con un'etichetta e icone di supporto

Il seguente codice crea una voce di elenco con un'etichetta di supporto e icone iniziali e finali:

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