Materyal Tasarım, XR'ye uyum sağlayan bileşenler ve düzenler sağlar. Mevcut Material 3 kitaplığı, 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. XR Compose Material3 kitaplığını uygulamanızın bağımlılıklarına ekleyin.
Mevcut uygulamanızı uyarlamak için EnableXrComponentOverrides'i kullanma
EnableXrComponentOverrides sarmalayıcısının içindeki tüm M3 Compose 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
İletişim kutuları
BasicAlertDialog, bileşene yükseklik ekleyerek XR'ye uyum sağlar.
İletişim kutuları ve uyarlanabilir tasarım yönergeleri hakkında daha fazla bilgi edinin.
Uzamsal olmayan diyalog
Üç boyutlu (XR'ye uyarlanmış) iletişim kutusu
Üst uygulama çubukları
TopAppBar, XR yörünge aracına otomatik olarak uyum sağlar.
Üst uygulama çubukları ve uyarlanabilir tasarım yönergeleri hakkında daha fazla bilgi edinin.
Uzaysal olmayan üst uygulama çubuğu
Üç boyutlu (XR'ye uyarlanmış) üst uygulama ç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
Üç 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 1:1 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