تطبيق التصميم المتعدد الأبعاد للواقع الموسّع

يوفّر Material Design مكونات وتنسيقات تتكيّف مع الواقع المعزّز. باستخدام مكتبة Material 3 الحالية، يتم تحسين المكوّنات والتصاميم التكيُّفية باستخدام سلوكيات واجهة المستخدم المكانية.

يمكنك تعديل عملية تنفيذ M3 الحالية من خلال إضافة حزمة EnableXrComponentOverrides.

استخدام EnableXrComponentOverrides لتكييف تطبيقك الحالي

سيتم تعديل جميع واجهة مستخدم M3 Compose داخل ملف التمهيد EnableXrComponentOverrides على أجهزة VR. يتيح لك هذا الغلاف اختيار أي مكوّنات تريد استبعادها من هذا السلوك.

أضِف حزمة EnableXrComponentOverrides لتعديل تطبيقك وفقًا لمبادئ Material Design لأجهزة الواقع المعزّز.

ستتكيف سكة التنقّل في أي تنسيق كتابة، بما في ذلك NavigationSuiteScaffold تلقائيًا مع XR Orbiter. لمزيد من المعلومات، يُرجى الاطّلاع على إرشادات التصميم المتعدّد الأبعاد.

شريط التنقّل غير المرتبط بمكان معيّن
شريط التنقّل المُعدّ للواقع المعزّز (XR)

سيتم تلقائيًا تعديل شريط التنقّل في أي تنسيق كتابة، بما في ذلك NavigationSuiteScaffold ليصبح مناسبًا للشاشة المحيطة بتقنية الواقع المعزّز. لمزيد من المعلومات، يمكنك الاطّلاع على إرشادات التصميم المتعدّد الأبعاد.

شريط تنقّل غير مُعدّ للعرض على الشاشة
شريط التنقل المُعدّ للواقع المعزّز (XR)

تنسيق قائمة التفاصيل للواقع الممتد

إنشاء تنسيقات Material 3 التكيُّفية في الواقع المعزّز لها تعيين بنسبة 1:1 حيث يتم وضع كل لوحة داخل لوحة مكانية خاصة بها في الواقع المعزّز. اطّلِع على مزيد من المعلومات عن ListDetailPaneScaffold وإرشادات التصميم التكيُّفي.

ListDetailPaneScaffold غير المكاني
ListDetailPaneScaffold (معدّ للواقع الممتد)

تصميم لوحة الدعم لأجهزة الواقع المُمتد

إنشاء تنسيقات Material 3 التكيُّفية في الواقع المعزّز لها تعيين بنسبة 1:1 حيث يتم وضع كل لوحة داخل لوحة مكانية خاصة بها في الواقع المعزّز. اطّلِع على مزيد من المعلومات عن SupportingPaneScaffold وإرشادات التصميم التكيُّفي.

SupportingPaneScaffold غير المرتبط بمكان معيّن
SupportingPaneScaffold (معدّة للواقع الممتد)

بدء التصميم باستخدام مجموعة أدوات Material 3 Design Kit في Figma

صورة مجمّعة لعناصر من مجموعة أدوات Material 3 Design Kit

تنزيل حزمة تصميم Material 3 للبدء

انظر أيضًا