लेआउट में बदलाव करना

अडैप्टिव डिज़ाइन, लेआउट को डिज़ाइन करने का एक तरीका है. इसमें लेआउट को खास ब्रेकपॉइंट और डिवाइसों के हिसाब से बनाया जाता है. आम तौर पर, हम डिवाइस की चौड़ाई के हिसाब से यह तय करते हैं कि लेआउट को कहां बदलना है या अडजस्ट करना है. वेब और Android, दोनों में रिस्पॉन्सिव डिज़ाइन के कॉन्सेप्ट का इस्तेमाल किया जाता है. जैसे, फ़्लेक्सिबल ग्रिड और इमेज. इससे ऐसे लेआउट बनाए जा सकते हैं जो अपने कॉन्टेक्स्ट के हिसाब से बेहतर तरीके से काम करते हैं.

बड़ी स्क्रीन के हिसाब से लेआउट को अडजस्ट करने के बारे में डिज़ाइन से जुड़े दिशा-निर्देशों के लिए, Compose में अलग-अलग स्क्रीन साइज़ के लिए सहायता डेवलपर गाइड और M3 लेआउट लागू करना पेज पढ़ें. बड़ी स्क्रीन के लेआउट को लागू करने और उनसे प्रेरणा लेने के लिए, Android की बड़ी स्क्रीन वाली कैननिकल गैलरी भी देखी जा सकती है.

हालांकि, हर ऐप्लिकेशन को हर स्क्रीन साइज़ पर उपलब्ध कराने की ज़रूरत नहीं होती. इससे आपके उपयोगकर्ताओं को एर्गोनॉमिक्स, इस्तेमाल में आसानी, और ऐप्लिकेशन की क्वालिटी के बारे में ज़्यादा जानकारी मिलती है.

• ब्रेकपॉइंट के तौर पर क्लास साइज़ का इस्तेमाल करके, मुख्य स्क्रीन (ज़रूरी कॉन्सेप्ट या ऐप्लिकेशन के बारे में जानकारी देने वाली स्क्रीन) डिज़ाइन की जा सकती हैं. इससे आपको दिशा-निर्देशों के तौर पर मदद मिलेगी.
• इसके अलावा, कॉन्टेंट को इस तरह से डिज़ाइन करें कि वह अलग-अलग डिवाइसों पर सही तरीके से दिखे. इसके लिए, यह बताएं कि कॉन्टेंट को कैसे सीमित किया जाना चाहिए, बड़ा किया जाना चाहिए या फिर से फ़्लो किया जाना चाहिए.

लेआउट के बारे में ज़्यादा जानने के लिए, Material Design 3 (M3) के लेआउट के बारे में जानकारी देने वाला पेज देखें.