Podczas tworzenia zróżnicowanej aplikacji na Androida w XR możesz użyć interfejsu przestrzennego, aby umieścić treści w fizycznym lub wirtualnym środowisku użytkownika. Możesz podzielić aplikację na panele przestrzenne i orbitery oraz dodać wysokość przestrzenną (więcej informacji na ten temat znajdziesz na tej stronie).
Korzystanie z komponentów i układów Material Design
Podczas projektowania aplikacji XR na Androida korzystaj z biblioteki komponentów Material Design i schematów dostosowanych do potrzeb użytkownika. Te interaktywne elementy konstrukcyjne przyspieszają proces tworzenia, dzięki czemu możesz skupić się na głównych funkcjach i innowacjach.
Material Design na potrzeby XR ulepsza komponenty Material 3 i układy adaptacyjne za pomocą zachowań UI przestrzennego. Dzięki temu aplikacja będzie bardziej zintegrowana z platformą i zoptymalizowana pod kątem miejsca.
Możesz też umieścić istniejące komponenty interfejsu w przestrzeni, umieszczając je w orbiterach i zastosowując wzniesienie przestrzenne, jak opisano na tej stronie.
Pobierz pakiet projektanta Material 3, aby rozpocząć pracę.
Panele przestrzenne
Panele przestrzenne to podstawowe elementy składowe aplikacji na Androida XR. Możesz ich używać do tworzenia zróżnicowanych wrażeń w XR na nieograniczonym wyświetlaczu, w których treści rozszerzają się w przestrzeni użytkownika. Panele przestrzenne służą jako kontenery dla elementów UI, komponentów interaktywnych i treści wciągających.
Jak działa skalowanie i przesuwanie interfejsu użytkownika
Panele przestrzenne automatycznie dostosowują swój rozmiar w zależności od odległości od użytkownika. Dzięki temu dynamicznemu skalowaniu elementy interfejsu pozostają czytelne i interaktywne niezależnie od odległości. Rozmiar pozostaje stały w zakresie od 0,75 m do 1,75 m. Następnie tempo skalowania rośnie o 0,5 metra na metr, a elementy będą się wydawać mniejsze.
Aby uniknąć konfliktów z interfejsem systemu, należy zachować domyślne limity przesuwania paneli:
- Minimalna głębokość: 0,75 m od użytkownika
- Maksymalna głębokość: 5 metrów od użytkownika
Użytkownicy mogą powiększać lub pomniejszać panel przestrzenny, aby był wystarczająco duży, aby można było go wyraźnie zobaczyć, niezależnie od odległości od użytkownika. Gdy użytkownik przesunie panel przestrzenny, Android XR automatycznie dostosuje jego rozmiar.
Rozmiary paneli przestrzennych
Android XR został zaprojektowany tak, aby Twoja aplikacja była wygodna, czytelna i dostępna dla szerokiego grona odbiorców. Aby zapewnić optymalne działanie, system używa współczynnika 0,868 dp-to-dmm. Aplikacja wyświetlana na zestawie słuchawkowym będzie wydawać się użytkownikowi oddalona od niego bardziej niż w przypadku korzystania z aplikacji na telefonie lub tablecie, dlatego musi być większa, aby ułatwić korzystanie z niej.
W trybie Full Space nie ma minimalnego rozmiaru panelu przestrzennego, a maksymalny rozmiar to 2560 x 1800 dp ze względu na ograniczenia fizyczne.
Gdzie umieszczać panele dźwiękowe
W trybie pełnego miejsca możesz określić położenie panelu w obu środowiskach: w przesyłaniu i wirtualnym. Gdy użytkownicy przełączają się z pokoju domowego na pełny pokój, elementy pozostają w tej samej przewidywalnej pozycji, chyba że przypiszesz pozycję niestandardową.
Utwórz panel w odległości 1,75 metra od linii wzroku użytkownika. Umieść środek panelu w odległości 5° poniżej poziomu oczu użytkownika, aby zmaksymalizować komfort, ponieważ użytkownicy mają tendencję do patrzenia w dół.
Aby zapewnić użytkownikom większy komfort, umieść treści w centralnej części pola widzenia (41°). Dzięki temu będziesz dobrze widoczny i nie będziesz musiał zbytnio poruszać głową ani ciałem.
Użytkownik może się poruszać w przestrzeni, a panele pozostaną na swoich miejscach.
Android XR zawiera gotowe wzorce interakcji, które ułatwiają użytkownikom manipulowanie elementami i upraszczają proces tworzenia. Użytkownik może przenosić elementy, aby dostosować je do swojej przestrzeni osobistej. Możesz skonfigurować zachowania związane z przenoszeniem i zmianą rozmiaru.
Aby użytkownicy czuli się stabilnie i dobrze zorientowani, możesz umożliwić im zakotwiczenie panelu przestrzennego w konkretnym miejscu w rzeczywistym świecie, takim jak podłoga, krzesło, ściana, sufit czy stół. Ankerzy są dostępne tylko w reżimie przekazywania.
Tworzenie własnego układu przestrzennego
Możesz podzielić aplikację na wiele paneli przestrzennych w dowolnym układzie. Interfejs API dźwięku przestrzennego nie ogranicza liczby paneli. Obejmują one tworzenie układów z wierszami i kolumnami oraz prostych i zakrzywianych wierszy. Pozycje paneli przestrzennych mogą być określone lub dowolne. Dowiedz się, jak tworzyć układy UI przestrzennego
|
|
|
Układ w wierszach |
Układ wygiętego wiersza |
Układ dowolnych pozycji |
Orbiters
Orbitery to pływające elementy interfejsu, które kontrolują zawartość w panelach przestrzennych. Dzięki nim treści zajmują więcej miejsca, a użytkownicy mogą szybko uzyskać dostęp do funkcji, zachowując widoczność głównej treści. Orbiters zapewniają elastyczność w integrowaniu dotychczasowych komponentów interfejsu użytkownika lub tworzeniu nowych.
Orbiterów należy używać oszczędnie i z uwzględnieniem potrzeb oraz zamiarów użytkowników. Duża liczba elementów UI w przestrzeni może powodować zmęczenie treścią i przytłaczać użytkowników nadmierną liczbą konkurencyjnych działań. Zalecamy dostosowanie kilku kluczowych elementów nawigacji, takich jak pasek nawigacyjny lub pasek nawigacyjny.
Wytyczne
- Dostosuj wypełnienie panelu, aby określić jego pozycję w układance lub procentowo.
- Określ położenie na osi Y orbiterów. Zalecana odległość od oczu to 20 cm.
- W razie potrzeby dostosuj poziom wzniesienia orbitera za pomocą poziomów wzniesienia przestrzennego. Domyślnie są one podniesione o 15 pikseli w osi Z.
- Rozmiar może być stały lub elastyczny, gdy zmieniasz rozmiar panelu.
- Określ, czy orbiter ma się rozszerzać dynamicznie, aby dopasować się do treści.
Wzory projektowania, których należy unikać
- Unikaj nakładania się orbitera na inne obiekty o więcej niż 50% jego rozmiaru.
- Nie umieszczaj orbiterów zbyt daleko od panelu przestrzennego.
- Nie używaj bezwzględnych współrzędnych X ani Y.
- Unikaj korzystania z zbyt wielu orbiterów.
Przewyższenie przestrzenne
Gdy dodasz przestrzenną wysokość do komponentu, będzie on wyświetlany nad panelem przestrzennym na osi Z. Pomaga to zwrócić uwagę użytkownika, tworzy lepszą hierarchię i poprawia czytelność.
Wzory projektowania, których należy unikać
- Unikaj tworzenia przestrzennych lub podnoszonych dużych obszarów i płaszczyzn, takich jak dolne i boczne arkusze.
- Unikaj podwyższania elementów interfejsu użytkownika, które zawierają przewijany tekst.
Projektowanie dużych rozmiarów docelowych
W aplikacji XR docel to obszar, na który użytkownicy mogą wskazywać i z którym mogą wchodzić w interakcje. Android XR przestrzega wytycznych dotyczących celów w Material Design i zaleca stosowanie większych celów, aby zwiększyć precyzję, wygodę i użyteczność.
Dowiedz się więcej o celach i stanach kursora w XR.
Ułatwianie dostępu do typografii
Czytelność czcionki ma kluczowe znaczenie dla komfortu użytkowników w środowiskach XR. Zalecamy używanie opcji typescale z rozmiarem czcionki 14 dp lub większym oraz wagą czcionki normal lub wyższą, aby poprawić czytelność.
Jeśli Twoja aplikacja jest zgodna ze wskazówkami dotyczącymi Material Design, jest już zoptymalizowana pod kątem Androida XR. Możesz zdefiniować typografię nowej aplikacji na podstawie Material Design.
Więcej informacji o typografii w XR