Fokus in Jetpack Compose Glimmer

Anwendbare XR‑Geräte
Dieser Leitfaden hilft Ihnen dabei, Erlebnisse für diese Arten von XR-Geräten zu entwickeln.
Informationen zu XR-Gerätetypen →
AI Glasses
Informationen zu XR-Gerätetypen →

Alle Jetpack Compose Glimmer-Komponenten sind für die Verwendung mit Standardeingabemethoden wie Tippen oder Wischen auf dem Touchpad der KI-Brille konzipiert. Sie reagieren aber auch auf Low-Level-Eingabebefehle, die speziell für die Hardware von KI-Brillen entwickelt wurden. Jetpack Compose-Glimmer-Komponenten verarbeiten die erforderlichen Eingabeereignisse automatisch. Für benutzerdefinierte Komponenten können Sie vorhandene Compose-APIs wie Modifier.draggable oder Modifier.scrollable verwenden, um bestimmte Interaktionsverhalten zu implementieren.

Bei KI‑Brillen mit Display kann sich die Zeigereingabe auf den Fokus auswirken:

  • Tippen: Direkte Interaktion zum Aktivieren des Elements. Der Fokus wird auf ein Element verschoben, wenn ein Nutzer damit interagiert.
  • Wischen: Wird für die Navigation und zum Scrollen verwendet. Nicht behandelte Wischbewegungen werden automatisch in Fokusbewegungen umgewandelt, sodass eine nahtlose Benutzeroberflächennavigation ohne direkte Zeigereingabe möglich ist.

Fokusbewegung und Reihenfolgeänderung beim Navigieren in Ihrer App

Fokusbewegung

In einem scrollbaren Container wird der Fokus durch Wischen auf dem Touchpad kontinuierlich verschoben. Bei diskreten Elementen wie einer Reihe von Schaltflächen wird der Fokus mit jedem Wischen um jeweils ein Element verschoben.

Fokusreihenfolge

Wie bei Jetpack Compose wird bei Jetpack Compose Glimmer die eindimensionale Fokussuche verwendet. Weitere Informationen zur Reihenfolge des Fokusdurchlaufs finden Sie unter Reihenfolge des Fokusdurchlaufs ändern.

Wenn Sie das Element ändern möchten, das anfangs im Fokus steht, können Sie ein Modifier.focusGroup() auf oberster Ebene hinzufügen und ein benutzerdefiniertes onEnter focusProperty angeben:

Modifier.focusProperties {
    onEnter = {
        initialFocus.requestFocus()
        cancelFocusChange()
    }
}
.focusGroup()

Scrollbare Container

Für eine optimale Nutzerfreundlichkeit sollten scrollbare Container wie Listen die einzige wichtige Komponente auf einem Bildschirm sein. Platzieren Sie keine scrollbare Liste direkt über oder unter anderen interaktiven Elementen wie Schaltflächen, um Verwirrung bei der Navigation zu vermeiden und eine reibungslose, vorhersehbare Fokusbewegung zu ermöglichen.

Standardfokusstatus

Jetpack Compose Glimmer implementiert standardmäßige Fokusstatus für alle interaktiven Komponenten, einschließlich Oberflächen, Karten und Listenelementen. So wird ein einheitliches und klares visuelles Feedback bei der Nutzerinteraktion gefördert.

Abbildung 1: Drei Fokusstatus in Jetpack Compose Glimmer, die sich durch umrissbasiertes visuelles Feedback unterscheiden.

  • Standard: Die Hintergrundfarbe der Schaltfläche wird aus GlimmerTheme.colors.surface abgeleitet, der Hauptinhalt berechnet die Inhaltsfarbe dieser Oberfläche und die Symbole sind GlimmerTheme.colors.primary.

  • Fokus: Die Rahmenbreite wird erhöht, um den Fokus zu verdeutlichen.

  • Fokus + Gedrückt: Der Hintergrund wird auf GlimmerTheme.colors.surface mit voller Deckkraft festgelegt, um den ausgewählten Status zu kommunizieren.