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 gelegt wird.

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 informative Inhalte, für die keine Klickaktion erforderlich ist.

Abbildung 1 Ein 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 Akzente zu setzen.

Listenelemente verwenden den headlineContent-Slot für ihren Haupttext, um mit den Card- und TitleChip-Komponenten übereinzustimmen, die für andere Elemente verwendet werden.

Beispiel: Listenelement mit unterstützendem Label und Symbolen

Mit dem folgenden Code wird ein Listenelement mit einem unterstützenden Label und sowohl führenden als auch nachfolgenden Symbolen erstellt:

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