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 for 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.


Pasek nawigacyjny
Pasek nawigacyjny w dowolnym układzie tworzenia wiadomości, w tym w NavigationSuiteScaffold
, będzie automatycznie dostosowywany do orbitera XR. Więcej informacji znajdziesz w wytycznych dotyczących Material Design.


Układ listy z informacjami dla XR
Komponowanie adaptacyjnych układów Material 3 w XR – w tym przypadku każda karta jest umieszczana w ramach własnego przestrzennego panelu XR. Dowiedz się więcej o ListDetailPaneScaffold
i wytycznych dotyczących projektowania adaptacyjnego.


Obsługa układu panelu w przypadku XR
Komponowanie adaptacyjnych układów Material 3 w XR – w tym przypadku każda karta jest umieszczana w ramach własnego przestrzennego panelu XR. Dowiedz się więcej o SupportingPaneScaffold
i wytycznych dotyczących projektowania adaptacyjnego.


Zacznij projektować za pomocą pakietu Design Kit Material 3 w programie Figma
Pobierz pakiet projektów Material 3, aby rozpocząć pracę
Zobacz również
- Tworzenie interfejsu za pomocą Jetpack Compose na potrzeby XR
- Wytyczne dotyczące projektowania przestrzennego interfejsu użytkownika