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 KI‑Brillen mit Compose erstellen und Ihre 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:
- Vereinfachte Gestaltung: Die
SurfaceKomponenten haben standardmäßig schwarze oder transparente Hintergründe, um die optische Darstellung zu optimieren. - Optimierte Farbstandardwerte: 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 umrissbasiertes visuelles Feedback anstelle des Ripple-Effekts angezeigt, was die Sichtbarkeit verbessert.
Abbildung 1. Drei Fokusstatus in Jetpack Compose Glimmer, die durch umrissbasiertes visuelles Feedback 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.
Komponenten von Jetpack Compose Glimmer
Jetpack Compose Glimmer bietet eine eigene Reihe von benutzerdefinierten Komponenten, die den Komponenten in Jetpack Compose ähneln, aber speziell für die einzigartigen visuellen und interaktiven Anforderungen von KI‑Brillen optimiert wurden. 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 Nutzereingabemethoden wie Tippen und Wischen zu unterstützen.
Weitere Informationen zur Verwendung einer bestimmten Komponente finden Sie in den folgenden Leitfäden:
Wenn eine dieser Komponenten der oberen Ebene für Ihren Anwendungsfall nicht geeignet ist, können Sie
mit einer surface eine benutzerdefinierte Komponente erstellen. Surfaces sind der grundlegendste Baustein in Jetpack Compose Glimmer – eine leere Arbeitsfläche für alle spezifischen, benutzerdefinierten Designs oder Interaktionen, die Sie erstellen möchten.
Modifikatoren von Jetpack Compose Glimmer
Modifikatoren in Jetpack Compose Glimmer funktionieren genauso wie Compose Modifikatoren. Sie können damit zusammensetzbare Funktionen erweitern, indem Sie ihr Layout, Aussehen und ihr Verhalten anpassen. Jetpack Compose Glimmer kann bestimmte Modifikatoren einführen oder eindeutige Standardwerte für brillenspezifisches visuelles Feedback und die Leistung anwenden.
Tiefe in Jetpack Compose Glimmer
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 bei KI‑Brillen 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. Bei benutzerdefinierten Komponenten können Sie jedoch den Tiefenparameter für
working with custom components, you can use the depth parameter on
Modifier.surface oder Modifier.depth verwenden.
Design von Jetpack Compose Glimmer
Jetpack Compose Glimmer bietet ein spezielles Designsystem für KI‑Brillen.
Das Design von Jetpack Compose Glimmer implementiert eine vereinfachte und optimierte Palette von Farben, Typografie und Formen. So wird maximale Sichtbarkeit und Prägnanz für KI‑Brillen erreicht. Alle Jetpack Compose Glimmer-Komponenten sind für die automatische Integration in die spezifischen Eingabemethoden von KI‑Brillen konzipiert. Das Design von Jetpack Compose
Glimmer wird über die GlimmerTheme Klasse verfügbar gemacht.
Wie andere Designs in Jetpack Compose, GlimmerTheme enthält mehrere
Subsysteme: Farben, Formen, Typografie und Symbole (Symbologie). Das Design von Jetpack
Compose Glimmer umfasst auch Jetpack Compose Glimmer-Komponenten
, die Sie anpassen können.
Farben
Das Farbsystem von Jetpack Compose Glimmer umfasst sieben Farben in der optimierten Palette, die für maximale Sichtbarkeit und Prägnanz auf den Displays von KI‑Brillen entwickelt wurden, auf denen schwarze Werte nicht gerendert werden.
GlimmerTheme.Die Farben „On …“ werden nicht über GlimmerTheme verfügbar gemacht. Diese Farben werden automatisch vom System anhand der Hintergrundfarbe berechnet.
Diese Farben werden über GlimmerTheme.colors.primary verfügbar gemacht. Die Werte für die einzelnen Farbrollen sind in der folgenden Tabelle beschrieben:
Farbrolle |
Standardeinstellungen |
|---|---|
primär |
#9BBFFF |
sekundär |
#4C88E9 |
Positiv |
#63FEA8 |
Negativ |
#FFA7A0 |
Oberfläche |
#262626 |
Outline |
#606460 |
Outline-Variante |
#42434A |
Obwohl surface, outline und outlineVariant als anpassbar gekennzeichnet sind, empfehlen wir dringend, diese Werte nicht anzupassen.
Formen
Das Formensystem von Jetpack Compose Glimmer definiert eine Reihe von Standard-Eck
behandlungen und geometrischen Formen für Komponenten, die eine konsistente
und minimalistische visuelle Sprache auf den Benutzeroberflächen von KI‑Brillen schaffen sollen. Alle Formen werden über GlimmerTheme.shapes verfügbar gemacht.
Typografie
Das Typografiesystem von Jetpack Compose Glimmer umfasst sechs Typografiestile für Lesbarkeit und Prägnanz auf den Displays von KI‑Brillen. Diese Stile sind so konzipiert, dass sie den Kontrast maximieren und die Lesbarkeit von Text durch fettere Schriftstärken, größere Buchstabenabstände und geeignete Zeilenhöhen verbessern. Diese Stile werden über
GlimmerTheme.typography verfügbar gemacht.
Symbole
Das Symbolsystem von Jetpack Compose Glimmer ist so konzipiert, dass es sich nahtlos in die vereinfachte visuelle Sprache der Benutzeroberflächen von KI‑Brillen einfügt. Oft werden abgerundete Formen wie Material Symbols Rounded verwendet, um die Lesbarkeit zu optimieren.