Elementy listy w Jetpack Compose Glimmer

Odpowiednie urządzenia XR
Te wskazówki pomogą Ci tworzyć rozwiązania na te typy urządzeń XR.
Więcej informacji o typach urządzeń z XR
Okulary wyświetlające
Więcej informacji o typach urządzeń z XR

W Jetpack Compose Glimmer komponent ListItem jest standardowym komponentem do wyświetlania jednego wiersza treści. Elementy listy są przeznaczone do interakcji z okularami wyświetlającymi opartej na fokusie, więc po uzyskaniu fokusu zapewniają wbudowaną reakcję wizualną.

Komponent ma 2 wersje: jedną z parametrem onClick dla elementów, które wywołują działania, i wersję z możliwością ustawienia na niej fokusu, przeznaczoną dla treści informacyjnych, które nie wymagają kliknięcia.

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

Użycie na listach

Elementy listy są podstawowym wyborem wierszy na liście, ale listy mogą też zawierać inne komponenty, takie jak Card lub TitleChip, aby zapewnić różne wyróżnienia wizualne.

Elementy listy używają gniazda headlineContent dla tekstu podstawowego, aby były zgodne z komponentami Card i TitleChip używanymi w przypadku innych elementów.

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
private fun ListItemWithSupportingLabelAndIcons() {
    ListItem(
        supportingLabel = { Text("Supporting Label") },
        leadingIcon = { Icon(FavoriteIcon, "Localized description") },
        trailingIcon = { Icon(FavoriteIcon, "Localized description") },
    ) {
        Text("Primary Label")
    }
}