Elementy listy w Jetpack Compose Glimmer

Obsługiwane urządzenia z XR
Te wskazówki pomogą Ci tworzyć aplikacje na te typy urządzeń z XR.
Więcej informacji o typach urządzeń z XR →
Okulary z wyświetlaczem
Więcej informacji o typach urządzeń z XR →

W Jetpack Compose Glimmer ListItem to standardowy komponent do wyświetlania pojedynczego wiersza treści. Elementy listy są przeznaczone do interakcji opartej na fokusie w okularach z wyświetlaczem, dlatego mają wbudowaną reakcję wizualną po uzyskaniu fokusu.

Komponent ma 2 przeciążenia: jedno z parametrem onClick dla elementów, które wywołują działania, oraz wersję tylko z możliwością ustawienia fokusu dla treści informacyjnych, które nie wymagają kliknięcia.

Rysunek 1. Przykład 2 list z różnymi stylami elementów listy w Jetpack Compose Glimmer.

Użycie na listach

Elementy listy są podstawowym wyborem w przypadku wierszy na liście, ale listy mogą też zawierać inne komponenty, takie jak Card czy TitleChip, aby zapewnić inne wyróżnienie wizualne.

Elementy listy używają slotu headlineContent na tekst główny, aby dopasować się do komponentów Card i TitleChip, które są używane w przypadku innych elementów.

Przykład: podstawowy element listy

Poniższy kod tworzy podstawowy element listy:

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

Przykład: element listy z etykietą pomocniczą i ikonami

Poniższy kod tworzy element listy z etykietą pomocniczą oraz ikonami na początku i na końcu:

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