Jetpack Compose Glimmer basiert auf Jetpack Compose und umfasst zusammensetzbare Funktionen, Komponenten, Verhaltensweisen und ein Design, die für KI‑Brillen mit Display entwickelt wurden. Mit Glimmer können Sie native Benutzeroberflächen für Displaybrillen mit Compose erstellen. So können Sie App-Erlebnisse mit weniger Code, leistungsstarken Tools und intuitiven Kotlin-APIs zum Leben erwecken.
Zusammensetzbare Funktionen von Jetpack Compose Glimmer
Jetpack Compose Glimmer bietet @Composable-Funktionen, die auf die Displays von KI
-Brillen zugeschnitten sind, z. B. Text, Button und ListItem. Hier sind einige einzigartige Merkmale der zusammensetzbaren Funktionen von Jetpack Compose Glimmer:
- Vereinfachtes Design: Die
SurfaceKomponenten haben standardmäßig schwarze oder transparente Hintergründe, um die optische Anzeige zu optimieren. - Optimierte Farbstandards: Jetpack Compose Glimmer berechnet die Farbe des Inhalts standardmäßig anhand der Hintergrundfarbe. Daher müssen Entwickler Textfarben nur selten manuell festlegen. So wird die Lesbarkeit ohne zusätzlichen Aufwand verbessert.
Differenzierter Fokus: Der Fokus wird durch visuelles Feedback in Form von Umrandungen anstelle des Ripple-Effekts angezeigt, was die Sichtbarkeit verbessert.
Abbildung 1. Drei Fokusstatus in Jetpack Compose Glimmer, die durch visuelles Feedback in Form von Umrandungen unterschieden werden. Optimierte Erhebung: Jetpack Compose Glimmer verwendet begrenzte Box-Shadows zur visuellen Trennung.
Abbildung 2 Fünf Erhebungsebenen in Jetpack Compose Glimmer, die durch begrenzte Box-Shadows unterschieden werden.
Jetpack Compose Glimmer-Komponenten
Jetpack Compose Glimmer bietet eine eigene Reihe von benutzerdefinierten Komponenten, die den Komponenten in Jetpack Compose ähneln, aber speziell für die visuellen und interaktiven Anforderungen von Displaybrillen optimiert sind. Jetpack Compose Glimmer-Komponenten können mit dem Design von Jetpack Compose Glimmer angepasst werden und basieren auf Compose-Funktionen der unteren Ebene, um standardmäßig Eingabemethoden wie Tippen und Wischen zu unterstützen.
Weitere Informationen zur Verwendung einer bestimmten Komponente finden Sie in den folgenden Leitfäden:
- Tasten
- Infokarten
- Horizontale Pager
- Symbole
- Symboltasten
- Listen
- Listenelemente
- Anzeigeninventar
- Text
- Umschalttasten
- Titel-Chips
- Vertikale Stacks
- Anzeige für die Spracheingabe
Wenn eine dieser Komponenten der oberen Ebene für Ihren Anwendungsfall nicht geeignet ist, können Sie
mit einer surface eine benutzerdefinierte Komponente erstellen. Anzeigeninventar ist der grundlegendste Baustein in Jetpack Compose Glimmer – eine leere Arbeitsfläche für alle spezifischen, benutzerdefinierten Designs oder Interaktionen, die Sie erstellen möchten.
Jetpack Compose Glimmer-Modifikatoren
Modifikatoren in Jetpack Compose Glimmer funktionieren genauso wie Compose Modifikatoren. Mit ihnen können Sie zusammensetzbare Funktionen erweitern, indem Sie ihr Layout, Aussehen und ihr Verhalten anpassen. Jetpack Compose Glimmer umfasst Modifikatoren und eindeutige Standards für spezifisches visuelles Feedback und die Leistung von Brillen.
Design von Jetpack Compose Glimmer
Jetpack Compose Glimmer bietet ein spezielles Designsystem für Displaybrillen.
Das Design von Jetpack Compose Glimmer implementiert eine vereinfachte und optimierte Palette von Farben, Typografie und Formen. So wird maximale Sichtbarkeit und Übersichtlichkeit für Displaybrillen erreicht. Alle Jetpack Compose Glimmer-Komponenten sind für die automatische Integration mit spezifischen Eingabemethoden für Brillen konzipiert. Das Design von Jetpack Compose
Glimmer wird über die GlimmerTheme Klasse verfügbar gemacht.
Wie andere Designs in Jetpack Compose, GlimmerTheme umfasst mehrere
Subsysteme, die in den folgenden Abschnitten zusammen mit ihren
anpassbaren Attributen kurz beschrieben werden:
- Farben
- Typografie
- Abstandswerte für Komponenten
- Formen
- Ebenen für den Tiefeneffekt
- Symbolgrößen
Farben
Das Farbsystem von Jetpack Compose Glimmer ist für additive Displays
und reale Umgebungen konzipiert. Im Gegensatz zu Standard-Android-Designs werden in den GlimmerTheme
Colors dunkle Hintergründe mit Halbtransparenz und lebendigen
Akzenten priorisiert, damit Inhalte bei unvorhersehbaren Lichtverhältnissen in der realen Welt lesbar sind.
Das System verwendet eine dreiteilige Palette mit Primär-, Sekundär- und neutralen Farben. Neutrale Farben dienen oft als physische Oberflächen der räumlichen Benutzeroberfläche, während die Primär- und Sekundärfarben klare visuelle Hinweise für Interaktion und Branding bieten.
GlimmerTheme.Typografie
Das Typografiesystem von Jetpack Compose Glimmer umfasst verschiedene Typografiestile für Lesbarkeit und Übersichtlichkeit auf Displaybrillen. Diese Stile sind so konzipiert, dass sie den Kontrast maximieren und die Lesbarkeit von Text durch fettere Schriftstärken, größere Abstände zwischen den Buchstaben und geeignete Zeilenhöhen verbessern. Diese Stile werden über
GlimmerTheme.typography verfügbar gemacht.
Abstandswerte für Komponenten
Mit diesen Werten wird ein einheitlicher Abstand zwischen den Jetpack Compose Glimmer-Komponenten gewährleistet. Dazu gehören Abstände innerhalb von Komponenten, Abstände zwischen Komponenten und andere Abstandselemente. Wenn Sie diese Werte ändern, wirkt sich das auf die Standardgröße der meisten Komponenten aus.
Formen
Das Formensystem von Jetpack Compose Glimmer definiert eine Reihe von Standard-Eck
behandlungen und geometrischen Formen für Komponenten, die eine einheitliche
und minimalistische visuelle Sprache auf Benutzeroberflächen von Displaybrillen schaffen sollen. Alle Formen werden über GlimmerTheme.shapes verfügbar gemacht.
Ebenen für den Tiefeneffekt
Jetpack Compose Glimmer-Komponenten verwenden Tiefe , um die Hierarchie darzustellen. So können Elemente, die über anderen Karten angezeigt werden, visuell unterschieden werden. Die Tiefe auf Displaybrillen ist die Kombination aus der Platzierung im Z‑Raum und Schatten. Bei den meisten Komponenten der oberen Ebene, z. B. Listenelementen, wird die Tiefe automatisch basierend auf dem Fokusstatus angewendet. Wenn eine Komponente fokussiert ist, wird sie tiefer dargestellt. Wenn der Fokus verloren geht, kehrt sie in den Normalzustand zurück. Wenn Sie jedoch mit
benutzerdefinierten Komponenten arbeiten, können Sie den depthEffect Parameter für
Modifier.surface oder depthEffect verwenden.
Symbolgrößen
Das Symbolsystem von Jetpack Compose Glimmer ist so konzipiert, dass es sich nahtlos in die vereinfachte visuelle Sprache der Benutzeroberflächen von Displaybrillen einfügt. Oft werden abgerundete Formen wie Material Symbols Rounded verwendet, um eine optimale Lesbarkeit zu gewährleisten.