پیاده سازی طراحی مواد برای XR

طراحی متریال اجزا و طرح‌بندی‌هایی را ارائه می‌کند که با XR سازگار هستند. با استفاده از کتابخانه Material 3 موجود، مؤلفه‌ها و طرح‌بندی‌های تطبیقی ​​با رفتارهای UI فضایی بهبود می‌یابند.

می‌توانید با افزودن پوشش EnableXrComponentOverrides پیاده‌سازی M3 فعلی خود را تطبیق دهید.

از EnableXrComponentOverrides برای تطبیق برنامه موجود خود استفاده کنید

تمام رابط کاربری M3 Compose در بسته بندی EnableXrComponentOverrides با دستگاه های XR سازگار می شوند. این پوشش به شما امکان می‌دهد هر مؤلفه‌ای را که می‌خواهید از این رفتار حذف کنید، انتخاب کنید.

بسته بندی EnableXrComponentOverrides را اضافه کنید تا برنامه خود را با Material Design برای XR تطبیق دهید.

ریل ناوبری در هر طرح‌بندی Compose، از جمله NavigationSuiteScaffold به‌طور خودکار با XR Orbiter سازگار می‌شود. برای اطلاعات بیشتر، دستورالعمل‌های طراحی متریال را بخوانید.

ریل ناوبری غیر فضایی
ریل ناوبری فضایی (مطابق با XR).

نوار پیمایش در هر طرح‌بندی Compose، از جمله NavigationSuiteScaffold به‌طور خودکار با مدارگرد XR سازگار می‌شود. برای اطلاعات بیشتر، دستورالعمل‌های طراحی متریال را بخوانید.

نوار ناوبری غیر فضایی
نوار ناوبری فضایی (تطبیق شده با XR).

چیدمان فهرست جزئیات برای XR

Compose Material 3 Adaptive Layouts در XR دارای نگاشت 1:1 است که در آن هر صفحه در پانل فضایی XR خود قرار می گیرد. درباره ListDetailPaneScaffold و دستورالعمل های طراحی تطبیقی ​​بیشتر بیاموزید.

ListDetailPaneScaffold غیر فضایی
ListDetailPaneScaffold فضایی (مطابق با XR).

پشتیبانی از طرح بندی صفحه برای XR

Compose Material 3 Adaptive Layouts در XR دارای نگاشت 1:1 است که در آن هر صفحه در پانل فضایی XR خود قرار می گیرد. درباره SupportingPaneScaffold و دستورالعمل‌های طراحی تطبیقی ​​بیشتر بیاموزید.

Scaffold SupportingPaneScaffold غیر فضایی
Spatialized (XR-adapted) SupportingPaneScaffold

طراحی را با Material 3 Design Kit برای Figma شروع کنید

Collage of elements from the Material 3 Design Kit

برای شروع، کیت طراحی Material 3 را دانلود کنید

همچنین ببینید