Список предметов в Jetpack Compose Glimmer

Применимые устройства XR
Данное руководство поможет вам создавать приложения для устройств XR такого типа.
Узнайте о типах устройств XR →
Очки для демонстрации
Узнайте о типах устройств XR →

В Jetpack Compose Glimmer компонент ListItem является стандартным компонентом для отображения одной строки контента. Элементы списка разработаны для взаимодействия с помощью очков отображения в зависимости от фокусировки, поэтому они обеспечивают встроенную визуальную реакцию при получении фокуса.

Компонент имеет две перегрузки: одна с параметром onClick для элементов, запускающих действия, и версия только для фокусировки, предназначенная для информационного контента, не требующего щелчка мышью.

Рисунок 1. Пример двух списков с разными стилями элементов в Jetpack Compose Glimmer.

Использование в списках

Элементы списка — это основной способ размещения строк внутри списка , однако списки также могут содержать другие компоненты, такие как Card или TitleChip , для визуального оформления.

Элементы списка используют слот headlineContent в качестве основного текста, чтобы выравниваться с компонентами Card и TitleChip , используемыми для других элементов.

Пример: Элемент списка с поясняющей меткой и значками.

Следующий код создает элемент списка с соответствующей меткой и иконками в начале и конце списка: 

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