Jetpack Compose Glimmer basiert auf Jetpack Compose und umfasst Composables, Komponenten, Verhaltensweisen und ein Theme, die für KI-Brillen mit Display entwickelt wurden. Mit Glimmer können Sie native Benutzeroberflächen für KI-Brillen mit Compose erstellen. So können Sie Ihre Apps mit weniger Code, leistungsstarken Tools und intuitiven Kotlin-APIs zum Leben erwecken.
Glimmer-Composable-Funktionen für Jetpack Compose
Jetpack Compose Glimmer bietet @Composable-Funktionen, die auf Displays von KI-Brillen zugeschnitten sind, z. B. Text, Button und ListItem. Hier sind einige einzigartige Merkmale von Jetpack Compose Glimmer-Composables:
- Vereinfachtes Styling: Die
Surface-Komponenten haben standardmäßig beispielsweise schwarze oder transparente Hintergründe, um die Darstellung zu optimieren. - Optimierte Standardfarben: Jetpack Compose Glimmer berechnet die Inhaltsfarbe standardmäßig basierend auf der Hintergrundfarbe. Entwickler müssen Textfarben also nur selten manuell festlegen. Das verbessert die Lesbarkeit ohne zusätzlichen Aufwand.
Differenzierter Fokus: Der Fokus wird durch visuelles Feedback in Form von Umrisslinien anstelle des Welleneffekts angezeigt, was für eine bessere Sichtbarkeit sorgt.
Abbildung 1: Drei Fokusstatus in Jetpack Compose Glimmer, die sich durch umrissbasiertes visuelles Feedback unterscheiden. Optimierte Erhebung: Jetpack Compose Glimmer verwendet nur wenige Schatten, um Elemente visuell voneinander abzugrenzen.
Abbildung 2. Fünf Ebenen in Jetpack Compose Glimmer, die sich durch begrenzte Schatten unterscheiden.
Glimmer-Komponenten für Jetpack Compose
Jetpack Compose Glimmer bietet eigene, speziell entwickelte Komponenten, ähnlich den Komponenten in Jetpack Compose, die jedoch speziell für die besonderen visuellen und interaktiven Anforderungen von KI-Brillen optimiert sind. Jetpack Compose-Glimmer-Komponenten lassen sich mit dem Jetpack Compose-Glimmer-Theme anpassen und basieren auf Compose-Funktionen auf niedrigerer Ebene, um standardmäßig Nutzereingabemethoden wie Tippen und Wischen zu unterstützen.
Weitere Informationen zur Verwendung einer bestimmten Komponente finden Sie in den folgenden Anleitungen:
Wenn eine dieser Komponenten auf hoher Ebene für Ihren Anwendungsfall nicht funktioniert, können Sie mit einem surface eine benutzerdefinierte Komponente erstellen. Oberflächen sind der grundlegendste Baustein in Jetpack Compose Glimmer – eine leere Leinwand für alle spezifischen, benutzerdefinierten Designs oder Interaktionen, die Sie erstellen möchten.
Jetpack Compose-Glimmer-Modifikatoren
Modifikatoren in der Jetpack Compose-Funktion „Glimmer“ funktionieren identisch mit Compose-Modifikatoren. Sie können damit Composables anpassen, indem Sie ihr Layout, ihr Erscheinungsbild und ihr Verhalten ändern. Jetpack Compose Glimmer führt möglicherweise bestimmte Modifikatoren ein oder wendet eindeutige Standardeinstellungen für brillenspezifisches visuelles Feedback und die Leistung an.
Jetpack Compose-Glimmer-Tiefe
Jetpack Compose-Glimmer-Komponenten verwenden Tiefe, um die Hierarchie darzustellen. So lassen sich Elemente, die über anderen Karten angezeigt werden, optisch unterscheiden. Die Tiefe bei KI-Brillen ergibt sich aus der Kombination aus der Platzierung im Z-Raum und Schatten. Bei den meisten Komponenten auf hoher Ebene, z. B. Listenelementen, wird die Tiefe automatisch basierend auf dem Fokusstatus angewendet. Wenn der Fokus auf eine Komponente gerichtet ist, wird sie dreidimensional dargestellt. Wenn der Fokus verloren geht, wird sie wieder in ihrem normalen Zustand dargestellt. Wenn Sie jedoch mit benutzerdefinierten Komponenten arbeiten, können Sie den Parameter „depth“ für Modifier.surface oder Modifier.depth verwenden.
Design von Jetpack Compose Glimmer
Jetpack Compose Glimmer bietet ein spezielles Theming-System für KI-Brillen.
Das Design von Jetpack Compose Glimmer bietet eine vereinfachte und optimierte Palette von Farben, Typografie und Formen. So wird eine 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. Jetpack Compose
Das Design von Glimmer wird über die Klasse GlimmerTheme bereitgestellt.
Wie andere Designs in Jetpack Compose enthält GlimmerTheme mehrere Subsysteme: Farben, Formen, Typografie und Symbole (Simbolografie). Das Theme von Jetpack Compose Glimmer enthält 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 Displays von KI-Brillen entwickelt wurden, auf denen schwarze Werte nicht gerendert werden.
GlimmerTheme.Die Farben „On ...“ sind nicht über GlimmerTheme verfügbar. Diese Farben werden vom System automatisch auf Grundlage 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 |
#A8C7FA |
sekundär |
#4C88E9 |
Positiv |
#4CE995 |
negativ |
#F57084 |
Oberfläche |
#000000 |
Umriss |
#606460 |
outlineVariant |
#42434A |
surface, outline und outlineVariant sind zwar als anpassbar gekennzeichnet, wir empfehlen jedoch dringend, diese Werte nicht anzupassen.
Formen
Das Formsystem von Jetpack Compose Glimmer definiert eine Reihe von Standard-Eckenbearbeitungen und geometrischen Formen für Komponenten, die eine einheitliche und minimalistische visuelle Sprache auf Benutzeroberflächen von KI-Brillen ermöglichen. Alle Formen sind über GlimmerTheme.shapes verfügbar.
Typografie
Das Typografiesystem von Jetpack Compose Glimmer umfasst sechs Typografiestile für Lesbarkeit und Prägnanz auf Displays von KI-Brillen. Diese Schriftarten 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 von Benutzeroberflächen für KI-Brillen einfügt. Dabei werden häufig abgerundete Formen wie Material Symbols Rounded verwendet, um eine optimale Lesbarkeit zu erzielen.