Co zawiera Jetpack Compose Glimmer

Obsługiwane urządzenia z XR
Te wskazówki pomogą Ci tworzyć aplikacje na te typy urządzeń z XR.
Więcej informacji o typach urządzeń z XR →
Okulary z wyświetlaczem
Więcej informacji o typach urządzeń z XR →

Jetpack Compose Glimmer jest oparty na Jetpack Compose i zawiera elementy kompozycyjne, komponenty, zachowania i motyw, które są zaprojektowane z myślą o okularach z wyświetlaczem. Dzięki Glimmerowi możesz tworzyć natywne interfejsy użytkownika na okulary z wyświetlaczem za pomocą Compose, ożywiając aplikacje za pomocą mniejszej ilości kodu, zaawansowanych narzędzi i intuicyjnych interfejsów API w Kotlinie.

Elementy kompozycyjne Jetpack Compose Glimmer

Jetpack Compose Glimmer udostępnia @Composable funkcje dostosowane do wyświetlaczy okularów z AI , takie jak Text, Button i ListItem. Oto niektóre unikalne cechy elementów kompozycyjnych Jetpack Compose Glimmer:

  • Uproszczona stylizacja: komponenty Surface domyślnie mają czarne lub przezroczyste tło, co pozwala na optymalizację wyświetlania optycznego.
  • Zoptymalizowane domyślne kolory: Jetpack Compose Glimmer domyślnie oblicza kolor treści na podstawie koloru tła, dzięki czemu deweloperzy rzadko muszą ręcznie ustawiać kolory tekstu, co zwiększa czytelność bez dodatkowej pracy.

  • Zróżnicowane wyróżnienie: wyróżnienie jest wskazywane za pomocą wizualnego feedbacku opartego na konturach, a nie efektu fali, co zapewnia dobrą widoczność.

    Rysunek 1. 3 stany wyróżnienia w Jetpack Compose Glimmer, które są rozróżniane za pomocą wizualnego feedbacku opartego na konturach.

  • Zoptymalizowane cieniowanie: Jetpack Compose Glimmer używa ograniczonych cieni do wizualnego oddzielenia elementów.

    Rysunek 2. 5 poziomów cieniowania w Jetpack Compose Glimmer, które są rozróżniane za pomocą ograniczonych cieni.

Komponenty Jetpack Compose Glimmer

Jetpack Compose Glimmer zawiera własny zestaw komponentów zaprojektowanych na zamówienie, podobnych do komponentów w Jetpack Compose, ale zoptymalizowanych pod kątem unikalnych wymagań wizualnych i interaktywnych okularów z wyświetlaczem. Komponenty Jetpack Compose Glimmer można dostosowywać za pomocą motywu Jetpack Compose Glimmer i są one oparte na funkcjach Compose niższego poziomu, aby domyślnie obsługiwać metody wprowadzania danych przez użytkownika , takie jak dotknięcie i przesunięcie.

Rysunek 3. Jetpack Compose Glimmer zawiera różne komponenty, które pomogą Ci tworzyć aplikacje zoptymalizowane pod kątem okularów z wyświetlaczem.

Więcej informacji o korzystaniu z konkretnego komponentu znajdziesz w tych przewodnikach:

Jeśli jeden z tych komponentów wysokiego poziomu nie pasuje do Twojego przypadku użycia, możesz użyć surface, aby utworzyć komponent niestandardowy. Powierzchnie to najbardziej podstawowy element składowy w Jetpack Compose Glimmer – puste płótno do tworzenia dowolnych niestandardowych projektów lub interakcji.

Modyfikatory Jetpack Compose Glimmer

Modyfikatory w Jetpack Compose Glimmer działają identycznie jak modyfikatory Compose, które umożliwiają rozszerzanie elementów kompozycyjnych przez dostosowywanie ich układu, wyglądu i zachowania. Jetpack Compose Glimmer zawiera modyfikatory i unikalne wartości domyślne dotyczące wizualnego feedbacku i wydajności okularów.

Motyw Jetpack Compose Glimmer

Jetpack Compose Glimmer zawiera specjalny system motywów dla okularów z wyświetlaczem. Motyw Jetpack Compose Glimmer implementuje uproszczoną i zoptymalizowaną paletę kolorów, typografii i kształtów. Zapewnia to maksymalną widoczność i zwięzłość w przypadku okularów z wyświetlaczem. Wszystkie komponenty Jetpack Compose Glimmer są zaprojektowane pod kątem automatycznej integracji z metodami wprowadzania danych specyficznymi dla okularów. Motyw Jetpack Compose Glimmer jest udostępniany za pomocą klasy GlimmerTheme.

Podobnie jak inne motywy w Jetpack Compose, GlimmerTheme zawiera kilka podsystemów, które są krótko opisane w kolejnych sekcjach wraz z ich atrybutami, które można dostosować:

  • Kolory
  • Typografia
  • Wartości odstępów między komponentami
  • Kształty
  • Poziomy efektu głębi
  • Rozmiary ikon

Kolory

System kolorów Jetpack Compose Glimmer jest przeznaczony do wyświetlaczy addytywnych i środowisk rzeczywistych. W przeciwieństwie do standardowych motywów Androida, GlimmerTheme Colors priorytetowo traktuje ciemne tła z półprzezroczystością i żywe akcenty, aby zapewnić czytelność treści w nieprzewidywalnych warunkach oświetleniowych.

System używa palety 3 kolorów: podstawowego, dodatkowego i neutralnego. Kolory neutralne często służą jako fizyczne powierzchnie przestrzennego interfejsu użytkownika, a kolory podstawowe i dodatkowe zapewniają wyraźne wskazówki wizualne dotyczące interakcji i marki.

Rysunek 4. Omówienie kolorów w GlimmerTheme.

Typografia

System typografii Jetpack Compose Glimmer zawiera różne style typografii, które zapewniają czytelność i zwięzłość na okularach z wyświetlaczem. Te style zostały zaprojektowane tak, aby zmaksymalizować kontrast i poprawić czytelność tekstu dzięki pogrubionym krojom, większym odstępom między literami i odpowiednim wysokościom wierszy. Te style są udostępniane za pomocą GlimmerTheme.typography.

Rysunek 5. Przykład 6 stylów typografii Jetpack Compose Glimmer.

Wartości odstępów między komponentami

Te wartości służą do zapewnienia spójnych odstępów między komponentami Jetpack Compose Glimmer. Obejmuje to dopełnienie komponentów, odstępy między komponentami i inne elementy odstępów. Pamiętaj, że zmiana tych wartości wpływa na domyślny rozmiar większości komponentów.

Kształty

System kształtów Jetpack Compose Glimmer definiuje zestaw standardowych kształtów narożników i form geometrycznych dla komponentów, które mają tworzyć spójny i minimalistyczny język wizualny w interfejsach okularów z wyświetlaczem. Wszystkie kształty są udostępniane za pomocą GlimmerTheme.shapes.

Rysunek 6. Przykład dużych, średnich i małych kształtów w Jetpack Compose Glimmer.

Poziomy efektu głębi

Komponenty Jetpack Compose Glimmer używają głębi do reprezentowania hierarchii, co pomaga wizualnie odróżnić elementy wyświetlane nad innymi kartami. Głębia w okularach z wyświetlaczem to połączenie umieszczenia w przestrzeni Z i cieni. W przypadku większości komponentów wysokiego poziomu, takich jak pozycje listy, głębia jest stosowana automatycznie na podstawie stanu wyróżnienia. Gdy komponent jest wyróżniony, zyskuje głębię; gdy traci wyróżnienie, wraca do normalnego stanu. Aby jednak pracować z komponentami niestandardowymi, możesz użyć parametru depthEffect w Modifier.surface lub depthEffect.

Rozmiary ikon

System ikon Jetpack Compose Glimmer jest zaprojektowany tak, aby spójnie integrować się z uproszczonym językiem wizualnym interfejsów okularów z wyświetlaczem, często wykorzystując zaokrąglone kształty, takie jak Material Symbols Rounded, w celu optymalnej czytelności.