Material Design udostępnia komponenty i układy, które dostosowują się do XR. Korzystając z dostępnej biblioteki Material 3, komponenty i schematy adaptacyjne są wzbogacane o zachowania interfejsu przestrzennego.
Możesz dostosować swoją obecną implementację M3, dodając otoczkę EnableXrComponentOverrides.
Używanie EnableXrComponentOverrides do dostosowania dotychczasowej aplikacji
Wszystkie elementy interfejsu tworzenia wiadomości M3 w ramach opakowania EnableXrComponentOverrides będą dostosowywane do urządzeń XR. Ten element umożliwia wybranie komponentów, które chcesz wykluczyć z tego działania.
Dodaj element opakowujący EnableXrComponentOverrides, aby dostosować aplikację do Material Design dla XR.
Kolumna nawigacji
Pasek nawigacyjny w dowolnym układzie tworzenia wiadomości, w tym w NavigationSuiteScaffold, będzie automatycznie dostosowywany do XR Orbiter. Więcej informacji znajdziesz w wytycznych dotyczących Material Design.
Kolumna nawigacji bez lokalizacji przestrzennej
Przestrzenny (dostosowany do rzeczywistości rozszerzonej) pasek nawigacji
Pasek nawigacyjny
Pasek nawigacyjny w dowolnym układzie tworzenia wiadomości, w tym NavigationSuiteScaffold, będzie automatycznie dostosowywany do orbitera XR. Więcej informacji znajdziesz w wytycznych dotyczących Material Design.
Pasek nawigacyjny bez lokalizacji
Pasek nawigacyjny z przestrzennym (dostosowanym do rzeczywistości rozszerzonej) układem
Układ listy szczegółów dla XR
Komponowanie adaptacyjnych układów Material 3 w XR ma mapowanie 1:1, w którym każda karta jest umieszczona w swoim własnym panelu przestrzennym XR. Dowiedz się więcej o ListDetailPaneScaffold i wytycznych dotyczących projektowania adaptacyjnego.
Nieprzestrzenna szkielet ListDetailPane
Przestrzenne (dostosowane do XR) ListDetailPaneScaffold
Układ panelu pomocy w XR
Komponowanie adaptacyjnych układów Material 3 w XR ma mapowanie 1:1, w którym każda karta jest umieszczona w swoim własnym panelu przestrzennym XR. Dowiedz się więcej o SupportingPaneScaffold i wytycznych dotyczących projektowania adaptacyjnego.
Nieprzestrzenna SupportingPaneScaffold
Przestrzenne (dostosowane do XR) SupportingPaneScaffold
Zacznij projektować za pomocą pakietu Material 3 Design Kit dla Figma
Pobierz pakiet projektów Material 3, aby rozpocząć pracę
Zobacz również
- Tworzenie interfejsu użytkownika za pomocą Jetpack Compose na potrzeby XR
- Wytyczne dotyczące projektowania przestrzennego interfejsu użytkownika