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.
Gezinme sütunu
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
Üç boyutlu (XR'ye uyarlanmış) gezinme çubuğu
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
Üç 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
Üç 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
Üç boyutlu (XR'ye uyarlanmış) SupportingPaneScaffold
Figma için Materyal 3 Tasarım Kiti ile tasarım yapmaya başlama
Başlamak için Material 3 Tasarım Kiti'ni indirin
Ayrıca bkz.
- XR için Jetpack Compose ile kullanıcı arayüzü geliştirme
- Uzamsal kullanıcı arayüzü tasarımı yönergeleri