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