يوفّر Material Design مكونات وتنسيقات تتكيّف مع الواقع المعزّز. باستخدام مكتبة Material 3 الحالية، يتم تحسين المكوّنات والتصاميم التكيُّفية بسلوكيات واجهة المستخدم المكانية.
يمكنك تعديل عملية تنفيذ M3 الحالية من خلال إضافة ملف EnableXrComponentOverrides wrapper. أضِف مكتبة XR Compose Material3
إلى مكتبات تطبيقك المُستخدَمة.
استخدام EnableXrComponentOverrides لتعديل تطبيقك الحالي
سيتم تعديل جميع عناصر واجهة مستخدم Compose في M3 داخل حزمة EnableXrComponentOverrides على أجهزة XR. يتيح لك هذا الغلاف اختيار أيّ مكوّنات تريد
استبعادها من هذا السلوك.
أضِف حزمة EnableXrComponentOverrides لتعديل تطبيقك وفقًا لمبادئ Material
Design لتجربة الواقع المعزّز.
شريط التنقّل
ستتكيف سكة التنقّل في أي تنسيق كتابة، بما في ذلك NavigationSuiteScaffold
تلقائيًا مع XR Orbiter. لمزيد من المعلومات، يُرجى الاطّلاع على إرشادات التصميم المتعدد الأبعاد.
شريط التنقّل غير المرتبط بمكان معيّن
شريط التنقّل المكاني (المعدّ للواقع الممتد)
شريط التنقل
سيتم تلقائيًا تعديل شريط التنقّل في أي تنسيق كتابة، بما في ذلك NavigationSuiteScaffold
ليصبح مناسبًا للشاشة الدوّارة في الواقع المعزّز. لمزيد من المعلومات، يُرجى الاطّلاع على إرشادات التصميم المتعدد الأبعاد.
شريط تنقّل غير مُعدّ للعرض على الشاشة
شريط تنقّل مُعدّ للواقع المعزّز (XR)
مربّعات حوار
سيتم تعديل BasicAlertDialog ليناسب الواقع المعزّز، ما يضيف ارتفاعًا إلى المكوّن.
اطّلِع على مزيد من المعلومات عن المحادثات وإرشادات التصميم التكيُّفي.
مربّع حوار غير مُعدّ للصوت المكاني
مربّع حوار مكاني (معدّ للواقع الممتد)
أشرطة التطبيقات العلوية
سيتم تعديل TopAppBar تلقائيًا لتصبح قابلة للاستخدام مع جهاز XR orbiter.
اطّلِع على مزيد من المعلومات عن أشرطة التطبيقات العلوية وإرشادات التصميم التكيّفي.
شريط التطبيق العلوي غير المرتبط بمكان معيّن
شريط التطبيقات العلوي المُعدّ للواقع الممتد (XR)
تنسيق قائمة التفاصيل للواقع الممتد
إنشاء تنسيقات Material 3 التكيُّفية في الواقع المعزّز لها تعيين بنسبة 1:1 حيث يتم وضع كل
لوحة داخل لوحة مكانية خاصة بها في الواقع المعزّز. اطّلِع على مزيد من المعلومات عن
ListDetailPaneScaffold وإرشادات التصميم التكيُّفي.
ListDetailPaneScaffold غير المكاني
ListDetailPaneScaffold المكاني (المعدّ للواقع الممتد)
تنسيق لوحة الدعم للواقع الممتد
إنشاء تنسيقات Material 3 التكيُّفية في الواقع المعزّز لها تعيين بنسبة 1:1 حيث يتم وضع كل
لوحة داخل لوحة مكانية خاصة بها في الواقع المعزّز. اطّلِع على مزيد من المعلومات عن
SupportingPaneScaffold وإرشادات التصميم التكيُّفي.
SupportingPaneScaffold غير المرتبط بمكان معيّن
SupportingPaneScaffold مكاني (مُعدّ للواقع الممتد)
بدء التصميم باستخدام مجموعة أدوات Material 3 Design Kit في Figma
تنزيل حزمة تصميم Material 3 للبدء
انظر أيضًا
- تطوير واجهة المستخدم باستخدام Jetpack Compose لتطبيقات الواقع المعزّز
- إرشادات تصميم واجهة المستخدم المكانية