Co zawiera Jetpack Compose Glimmer

Odpowiednie urządzenia XR
Te wskazówki pomogą Ci tworzyć rozwiązania na te typy urządzeń XR.
Więcej informacji o typach urządzeń z XR
Okulary wyświetlające
Więcej informacji o typach urządzeń z XR

Jetpack Compose Glimmer jest oparty na Jetpack Compose i zawiera funkcje kompozycyjne, komponenty, zachowania i motyw zaprojektowane z myślą o okularach z wyświetlaczem. Glimmer umożliwia tworzenie natywnych interfejsów na wyświetlaczach okularów przy użyciu Compose. Dzięki temu możesz ożywić swoje aplikacje przy użyciu mniejszej ilości kodu, zaawansowanych narzędzi i intuicyjnych interfejsów Kotlin API.

Komponenty Glimmer w Jetpack Compose

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

  • Uproszczone style: komponenty Surface mają domyślnie czarne lub przezroczyste tło, co pozwala zoptymalizować wyświetlanie.
  • Zoptymalizowane domyślne kolory: Jetpack Compose Glimmer domyślnie oblicza kolor treści na podstawie koloru tła, więc programiści rzadko muszą ręcznie ustawiać kolory tekstu, co zwiększa czytelność bez dodatkowej pracy.

  • Zróżnicowane ustawianie ostrości: ostrość jest wskazywana za pomocą wizualnego sygnału zwrotnego opartego na konturach zamiast efektu falowania, co zapewnia wyraźną widoczność.

    Rysunek 1. 3 stany zaznaczenia w Glimmer na Jetpack Compose, które są rozróżniane za pomocą wizualnych informacji zwrotnych opartych na konturach.

  • Zoptymalizowane podniesienie: Glimmer w Jetpack Compose używa ograniczonej liczby cieni, aby wizualnie oddzielić elementy.

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

Komponenty Jetpack Compose Glimmer

Jetpack Compose Glimmer zawiera własny zestaw zaprojektowanych specjalnie komponentów, podobnych do komponentów w Jetpack Compose, ale zoptymalizowanych pod kątem wyjątkowych wymagań wizualnych i interaktywnych okularów wyświetlających. Komponenty Jetpack Compose Glimmer można dostosowywać za pomocą motywu Jetpack Compose Glimmer. Są one oparte na funkcjach Compose niższego poziomu, aby domyślnie obsługiwać metody wprowadzania danych przez użytkownika, takie jak klikanie i przesuwanie.

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

Więcej informacji o korzystaniu z poszczególnych komponentów 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 podstawowy element składowy w Jetpack Compose Glimmer – puste płótno, na którym możesz tworzyć dowolne, niestandardowe projekty lub interakcje.

Modyfikatory Glimmer w Jetpack Compose

Modyfikatory w funkcji Glimmer w Jetpack Compose działają identycznie jak modyfikatory Compose, które umożliwiają rozszerzanie komponentów kompozycyjnych przez dostosowywanie ich układu, wyglądu i zachowania. Jetpack Compose Glimmer zawiera modyfikatory i unikalne wartości domyślne, które zapewniają wizualne informacje zwrotne i wydajność dostosowaną do okularów.

Motyw Glimmer w Jetpack Compose

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

Podobnie jak inne motywy w Jetpack Compose, GlimmerTheme zawiera kilka podsystemów, które zostały krótko opisane w poniższych sekcjach wraz z ich atrybutami, które można dostosowywać:

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

Kolory

System kolorów Glimmer w Jetpack Compose został zaprojektowany z myślą o wyświetlaczach addytywnych i rzeczywistych środowiskach. W przeciwieństwie do standardowych motywów Androida motywy GlimmerTheme Colors mają ciemne tła z półprzezroczystością i wyrazistymi akcentami, dzięki czemu treści są czytelne w nieprzewidywalnym oświetleniu zewnętrznym.

System korzysta z 3-częściowej palety kolorów podstawowych, dodatkowych i neutralnych. Kolory neutralne często stanowią fizyczne powierzchnie interfejsu przestrzennego, natomiast kolory podstawowy i drugorzędny zapewniają wyraźne wizualne wskazówki dotyczące interakcji i marki.

Rysunek 4. Przegląd kolorów w GlimmerTheme.

Typografia

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

Rysunek 5. Przykład 6 stylów typograficznych Glimmera w Jetpack Compose.

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

Te wartości służą do zapewnienia spójnych odstępów między komponentami Glimmer w Jetpack Compose. Obejmuje to dopełnienia 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 określa zestaw standardowych kształtów narożników i form geometrycznych komponentów, które mają tworzyć spójny i minimalistyczny język wizualny w interfejsach okularów wyświetlających treści. Wszystkie kształty są dostępne za pomocą GlimmerTheme.shapes.

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

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 przypadku okularów z wyświetlaczem to połączenie umieszczenia w przestrzeni Z i cieni. W przypadku większości komponentów wyższego poziomu, takich jak elementy listy, głębia jest stosowana automatycznie na podstawie stanu fokusu. Gdy komponent jest zaznaczony, zyskuje głębię, a gdy traci zaznaczenie, wraca do normalnego stanu. Jeśli jednak chcesz pracować z komponentami niestandardowymi, możesz użyć parametru depthEffect w Modifier.surface lub depthEffect.

Rozmiary ikon

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