Wdrożenie Material Design na potrzeby XR

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.

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
Kolumna nawigacji z przestrzennym dźwigiem (dostosowana do rzeczywistości rozszerzonej)

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.

Pasek nawigacyjny bez przestrzennego obrazu
Przestrzeń nawigacyjna (dostosowana do rzeczywistości rozszerzonej)

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 ListDetailPaneScaffoldwytycznych dotyczących projektowania adaptacyjnego.

Nieprzestrzenna szkielet ListDetailPane
Scaffold ListDetailPane z przestrzeżnym dźwiękiem (dostosowany do XR)

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 SupportingPaneScaffoldwytycznych dotyczących projektowania adaptacyjnego.

Nieprzestrzenna SupportingPaneScaffold
Scaffold dla obsługiwanej karty w przestrzeni (zmodyfikowany pod kątem XR)

Zacznij projektować za pomocą pakietu Design Kit Material 3 w programie Figma

Kolaż elementów z zestawu projektowego Material 3

Pobierz pakiet projektów Material 3, aby rozpocząć pracę

Zobacz również