طراحی متریال اجزا و طرح‌بندی‌هایی را ارائه می‌کند که با XR سازگار هستند. با استفاده از کتابخانه Material 3 موجود، مؤلفه‌ها و طرح‌بندی‌های تطبیقی با رفتارهای UI فضایی بهبود می‌یابند.
می‌توانید با افزودن پوشش EnableXrComponentOverrides ، پیاده‌سازی M3 فعلی خود را تطبیق دهید. کتابخانه XR Compose Material3 را به وابستگی های برنامه خود اضافه کنید.
از EnableXrComponentOverrides برای تطبیق برنامه موجود خود استفاده کنید
تمام رابط کاربری M3 Compose در بسته بندی EnableXrComponentOverrides با دستگاه های XR سازگار می شوند. این پوشش به شما امکان می‌دهد هر مؤلفه‌ای را که می‌خواهید از این رفتار حذف کنید، انتخاب کنید.
بسته بندی EnableXrComponentOverrides را اضافه کنید تا برنامه خود را با Material Design برای XR تطبیق دهید.
ریل ناوبری
ریل ناوبری در هر طرح‌بندی Compose، از جمله NavigationSuiteScaffold ، به‌طور خودکار با XR Orbiter سازگار می‌شود. برای اطلاعات بیشتر، دستورالعمل‌های طراحی متریال را بخوانید.
ریل ناوبری غیر فضایی
ریل ناوبری فضایی (مطابق با XR).
نوار ناوبری
نوار پیمایش در هر طرح‌بندی Compose، از جمله NavigationSuiteScaffold ، به‌طور خودکار با مدارگرد XR سازگار می‌شود. برای اطلاعات بیشتر، دستورالعمل‌های طراحی متریال را بخوانید.
نوار ناوبری غیر فضایی
نوار ناوبری فضایی (تطبیق شده با XR).
دیالوگ ها
یک BasicAlertDialog با XR سازگار می شود و ارتفاع را به مؤلفه اضافه می کند.
درباره دیالوگ ها و دستورالعمل های طراحی تطبیقی بیشتر بیاموزید.
گفتگوی غیر فضایی
گفتگوی فضایی (تطبیق شده با XR).
نوارهای برنامه برتر
TopAppBar به طور خودکار با مدارگرد 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 شروع کنید
برای شروع، کیت طراحی Material 3 را دانلود کنید