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 →
Occhiali con display
Scopri di più sui tipi di dispositivi XR →

In Jetpack Compose Glimmer, ListItem è il componente standard per la visualizzazione di una singola riga di contenuti. Gli elementi dell'elenco sono progettati per l'interazione basata sul focus degli occhiali con display, pertanto forniscono una risposta visiva integrata quando acquisiscono il focus.

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

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

Utilizzo negli 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 una 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 dell'elenco di base

Il seguente codice crea un elemento dell'elenco di base:

@Composable
fun ListItemSample() {
    ListItem { Text("This is a list item") }
}

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

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

@Composable
fun ListItemWithIconsSample() {
    ListItem(
        leadingIcon = { Icon(FavoriteIcon, contentDescription = "Favorite") },
        trailingIcon = { Icon(FavoriteIcon, contentDescription = "Favorite") }
    ) {
        Text("This is a list item with icons")
    }
}