XR için Materyal Tasarım'ı uygulama

Materyal Tasarım, XR'ye uyum sağlayan bileşenler ve düzenler sağlar. Mevcut Material 3 kitaplığı kullanılarak bileşenler ve uyarlanabilir düzenler, mekansal kullanıcı arayüzü davranışlarıyla geliştirilir.

EnableXrComponentOverrides sarmalayıcısını ekleyerek mevcut M3 uygulamanızı uyarlayabilirsiniz.

Mevcut uygulamanızı uyarlamak için EnableXrComponentOverrides'i kullanma

EnableXrComponentOverrides sarmalayıcısının içindeki tüm M3 Oluşturma kullanıcı arayüzü, XR cihazlara uyarlanır. Bu sarmalayıcı, bu davranıştan hariç tutmak istediğiniz bileşenleri seçmenize olanak tanır.

Uygulamanızı XR için Materyal Tasarım'a uyarlamak üzere EnableXrComponentOverrides sarmalayıcısını ekleyin.

NavigationSuiteScaffold dahil olmak üzere tüm Oluşturma düzenlerindeki gezinme çubuğu, XR Orbiter'a otomatik olarak uyarlanır. Daha fazla bilgi için Materyal Tasarım yönergelerini okuyun.

Mekansal olmayan gezinme çubuğu

Mekansal olmayan gezinme çubuğu

Üç boyutlu (XR'ye uyarlanmış) gezinme çubuğu

Üç boyutlu (XR'ye uyarlanmış) gezinme çubuğu

NavigationSuiteScaffold dahil olmak üzere tüm Oluştur düzenlerindeki gezinme çubuğu, XR gezginine otomatik olarak uyarlanır. Daha fazla bilgi için Materyal Tasarım yönergelerini okuyun.

Uzamsal olmayan gezinme çubuğu

Uzamsal olmayan gezinme çubuğu

Üç boyutlu (XR'ye uyarlanmış) gezinme çubuğu

Üç boyutlu (XR'ye uyarlanmış) gezinme çubuğu

XR için liste-ayrıntı düzeni

XR'de Material 3 Uyarlanabilir Düzenleri Oluşturma, her panelin kendi XR üç boyutlu panelinin içine yerleştirildiği bire bir eşlemeye sahiptir. ListDetailPaneScaffold ve uyarlanabilir tasarım yönergeleri hakkında daha fazla bilgi edinin.

Uzaysal olmayan ListDetailPaneScaffold

Uzaysal olmayan ListDetailPaneScaffold

Üç boyutlu (XR'ye uyarlanmış) ListDetailPaneScaffold

Üç boyutlu (XR'ye uyarlanmış) ListDetailPaneScaffold

XR için destek bölmesi düzeni

XR'de Material 3 Uyarlanabilir Düzenleri Oluşturma, her panelin kendi XR uzamsal panelinin içine yerleştirildiği bire bir eşlemeye sahiptir. SupportingPaneScaffold ve uyarlanabilir tasarım yönergeleri hakkında daha fazla bilgi edinin.

Uzaysal olmayan SupportingPaneScaffold

Uzaysal olmayan SupportingPaneScaffold

Üç boyutlu (XR'ye uyarlanmış) SupportingPaneScaffold

Üç boyutlu (XR'ye uyarlanmış) SupportingPaneScaffold

Figma için Materyal 3 Tasarım Kiti ile tasarım yapmaya başlama

Materyal 3 Tasarım Kiti'ndeki öğelerden oluşan kolaj

Başlamak için Material 3 Tasarım Kiti'ni indirin

Ayrıca bkz.