Listen in Jetpack Compose Glimmer

XR‑Geräte, für die der Leitfaden gilt
Dieser Leitfaden hilft Ihnen dabei, Erlebnisse für die folgenden Arten von XR-Geräten zu entwickeln.
Informationen zu XR-Gerätetypen
KI-Brillen
Informationen zu XR-Gerätetypen

In Jetpack Compose Glimmer sind Listen vertikal scrollbare UI-Komponenten, die nur sichtbare Elemente effizient rendern und spezifische Verhaltensweisen und Eingabekompatibilität für KI-Brillen-Apps bieten. Jetpack Compose Glimmer erreicht dies mit den Komponenten VerticalList und ListItem.

Abbildung 1. Beispiel für einige verschiedene Listenstile in Jetpack Compose Glimmer.

Das VerticalList ist die Komponente von Jetpack Compose Glimmer zum Anzeigen von scrollbarem vertikalem Inhalt. Sie bietet dieselbe API-Funktionalität wie LazyColumn, aber mit Verhaltensweisen, die speziell für Jetpack Compose Glimmer und KI-Brillen mit Display optimiert sind.

Für Jetpack Compose Glimmer-Listen gelten einige besondere Einschränkungen:

  • Wenn eine Liste mehr Elemente enthält, als in eine Ansicht passen, wird in der Nähe der Listengrenzen ein schwarzer Scrim verwendet.

Beispiel: Vertikale Liste mit drei Elementen anzeigen

Der folgende Code zeigt, wie Sie mit den Komponenten VerticalList und ListItem eine Liste mit drei Elementen erstellen:

@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")
            }
        }
    }
}

Wichtige Punkte zum Code

  • Die Liste enthält drei Elemente, die dynamisch generiert werden. Jedes Element ist ein ein ListItem.
  • Jedes ListItem kann angepasst werden und es kann ein Symbol hinzugefügt werden.