Списки в Jetpack Compose Glimmer

Применимые устройства XR

Это руководство поможет вам создать опыт использования этих типов XR-устройств.

Узнайте о типах устройств XR →

Узнайте о типах устройств XR →

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

VerticalList — это компонент Jetpack Compose Glimmer для отображения прокручиваемого вертикального контента. Он предлагает тот же API-функционал, что и LazyColumn , но с поведением, специально оптимизированным для Jetpack Compose Glimmer и очков с искусственным интеллектом и дисплеем.

Списки Jetpack Compose Glimmer имеют несколько уникальных ограничений:

• Списки должны содержать не более трех элементов в одном представлении.
• Если список содержит больше элементов, чем может поместиться в окне, то по краям списка используется черная рамка.

Пример: отображение вертикального списка из трех элементов.

В следующем коде показано, как использовать компоненты VerticalList и ListItem для создания списка из трех элементов:

@Composable
fun GlimmerListWithButtons() {
    VerticalList(
        contentPadding = PaddingValues(16.dp),
        verticalArrangement = Arrangement.spacedBy(20.dp)
    ) {
        items(count = 3) { index ->
            ListItem(
                onClick = { /* Handle Click */ },
                leadingIcon = if (index == 1) {
                    { Icon(Icons.Rounded.Favorite, "Favorite Icon") }
                } else null
            ) {
                Text("List Item + $index")
            }
        }
    }
}

Ключевые моменты кода

• Список отображает три элемента, которые генерируются динамически, каждый из которых является ListItem .
• Каждый ListItem можно настроить и добавить к нему значок.