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ştur 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
Üç 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.

Uzaysal olmayan 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 uzamsal panelinin içine yerleştirildiği 1:1 eşlemeye sahiptir. ListDetailPaneScaffold ve uyarlanabilir tasarım yönergeleri hakkında daha fazla bilgi edinin.

Uzamsal olmayan ListDetailPaneScaffold
Uzamsallaştırılmış (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 1:1 eşlemeye sahiptir. SupportingPaneScaffold ve uyarlanabilir tasarım yönergeleri hakkında daha fazla bilgi edinin.

Uzaysal olmayan SupportingPaneScaffold
Uzamsallaştırılmış (XR'ye uyarlanmış) SupportingPaneScaffold

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

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

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

Ayrıca bkz.