Listenelemente 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
Display Glasses
Informationen zu XR‑Gerätetypen

In Jetpack Compose Glimmer ist ListItem die Standardkomponente zum Anzeigen einer einzelnen Inhaltszeile. Listenelemente sind für die fokusbasierte Interaktion von Display Glasses konzipiert und bieten daher eine integrierte visuelle Reaktion, wenn der Fokus darauf liegt.

Die Komponente hat zwei Überladungen: eine mit einem onClick-Parameter für Elemente, die Aktionen auslösen, und eine Version, die nur fokussierbar ist, für Informationsinhalte, für die keine Klickaktion erforderlich ist.

Abbildung 1 Beispiel für zwei Listen mit verschiedenen Stilen von Listenelementen in Jetpack Compose Glimmer.

Verwendung in Listen

Listenelemente sind die erste Wahl für Zeilen in einer Liste. Listen können aber auch andere Komponenten wie eine Card oder TitleChip enthalten, um unterschiedliche visuelle Schwerpunkte zu setzen.

Listenelemente verwenden den Slot headlineContent für ihren Haupttext, um sie an die Komponenten Card und TitleChip anzugleichen, die für andere Elemente verwendet werden.

Beispiel: Einfaches Listenelement

Mit dem folgenden Code wird ein einfaches Listenelement erstellt:

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

Beispiel: Listenelement mit unterstützendem Label und Symbolen

Mit dem folgenden Code wird ein Listenelement mit einem unterstützenden Label und Symbolen am Anfang und Ende erstellt:

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