मटीरियल डिज़ाइन, एक्सआर के हिसाब से बदलने वाले कॉम्पोनेंट और लेआउट उपलब्ध कराता है. Material 3 लाइब्रेरी का इस्तेमाल करके, कॉम्पोनेंट और अडैप्टिव लेआउट को स्पेस के हिसाब से यूज़र इंटरफ़ेस (यूआई) के व्यवहार के साथ बेहतर बनाया गया है.
EnableXrComponentOverrides रैपर जोड़कर, अपने मौजूदा M3 लागू करने के तरीके में बदलाव किया जा सकता है.
अपने मौजूदा ऐप्लिकेशन को अडैप्ट करने के लिए, EnableXrComponentOverrides का इस्तेमाल करना
EnableXrComponentOverrides रैपर में मौजूद सभी M3 Compose यूज़र इंटरफ़ेस (यूआई), एक्सआर डिवाइसों पर काम करेंगे. इस रैपर की मदद से, ऐसे कॉम्पोनेंट चुने जा सकते हैं जिन्हें इस व्यवहार से बाहर रखना है.
अपने ऐप्लिकेशन को XR के लिए Material Design के मुताबिक बनाने के लिए, EnableXrComponentOverrides रैपर जोड़ें.
नेविगेशन रेल
NavigationSuiteScaffold के साथ-साथ, Compose के किसी भी लेआउट में मौजूद नेविगेशन रेल, XR ऑर्बिटर के हिसाब से अपने-आप अडजस्ट हो जाएगी. ज़्यादा जानकारी के लिए, Material Design के दिशा-निर्देश पढ़ें.
नेविगेशन बार
NavigationSuiteScaffold के साथ-साथ, Compose के किसी भी लेआउट में मौजूद नेविगेशन बार, XR ऑर्बिटर के हिसाब से अपने-आप अडजस्ट हो जाएगा. ज़्यादा जानकारी के लिए, Material Design के दिशा-निर्देश पढ़ें.
एक्सआर के लिए, लिस्ट-जानकारी वाला लेआउट
XR में Material 3 के अडैप्टिव लेआउट बनाएं. इसमें 1:1 मैपिंग होती है, जहां हर पैनल को अपने XR स्पेस पैनल में रखा जाता है. ListDetailPaneScaffold और अडैप्टिव डिज़ाइन के दिशा-निर्देशों के बारे में ज़्यादा जानें.
XR के लिए पैनल लेआउट की सुविधा
XR में Material 3 के अडैप्टिव लेआउट बनाएं. इसमें 1:1 मैपिंग होती है, जहां हर पैनल को अपने XR स्पेस पैनल में रखा जाता है. SupportingPaneScaffold और अडैप्टिव डिज़ाइन के दिशा-निर्देशों के बारे में ज़्यादा जानें.
Figma के लिए Material 3 Design Kit का इस्तेमाल करके डिज़ाइन करना शुरू करना
शुरू करने के लिए, Material 3 डिज़ाइन किट डाउनलोड करें
यह भी देखें:
- XR के लिए Jetpack Compose का इस्तेमाल करके यूज़र इंटरफ़ेस (यूआई) बनाना
- स्पेशल यूज़र इंटरफ़ेस (यूआई) डिज़ाइन के दिशा-निर्देश