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

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

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

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

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

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

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

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

Пример: Базовый элемент списка

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

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

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

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

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