इस्तेमाल के सामान्य उदाहरणों और स्क्रीन साइज़ के हिसाब से, अपने ऐप्लिकेशन का लेआउट बनाने के लिए सामान्य लेआउट का इस्तेमाल करें. ये रेडी-टू-यूज़ कंपोज़िशन, अच्छी शुरुआत के लिए बेहतरीन विकल्प हैं.
सूची की जानकारी वाला लेआउट
सूची-जानकारी लेआउट की मदद से, उपयोगकर्ता ऐसे आइटम की सूचियां एक्सप्लोर कर सकते हैं जिनके बारे में जानकारी दी गई हो, ब्यौरा दिया गया हो या अन्य पूरक जानकारी दी गई हो. इसे आइटम की जानकारी कहा जाता है. छोटी स्क्रीन पर, सिर्फ़ सूची या जानकारी वाला व्यू दिखता है. सूची में कॉन्टेंट को लाइन के हिसाब से दिखाया जाता है. ऐप्लिकेशन के लिए, सूची सबसे ज़्यादा इस्तेमाल किया जाने वाला लेआउट है. सूची की जानकारी वाला लेआउट, मैसेजिंग ऐप्लिकेशन, संपर्क मैनेजर, फ़ाइल ब्राउज़र या ऐसे किसी भी ऐप्लिकेशन के लिए सबसे सही है जहां कॉन्टेंट को आइटम की सूची के तौर पर व्यवस्थित किया जा सकता है. इससे ज़्यादा जानकारी मिलती है.
कॉन्टेंट, स्टैटिक या डाइनैमिक हो सकता है.
- डाइनैमिक कॉन्टेंट ऐसा कॉन्टेंट होता है जिसे आपका ऐप्लिकेशन तुरंत दिखाता है. यह यूज़र जनरेटेड कॉन्टेंट दिखाने या उपयोगकर्ता की पसंद या कार्रवाइयों को दिखाने के लिए सबसे सही होता है. उदाहरण के लिए, मान लें कि एक फ़ोटो ऐप्लिकेशन है. इसमें स्क्रोल की जा सकने वाली एक सूची है. इसमें उपयोगकर्ता की जनरेट की गई फ़ोटो हैं. यह सूची हर उपयोगकर्ता के लिए अलग होती है. साथ ही, जब उपयोगकर्ता ज़्यादा इमेज अपलोड करता है, तो यह सूची बदल जाती है. ये इमेज डाइनैमिक कॉन्टेंट हैं.
- स्टैटिक कॉन्टेंट, हार्ड-कोड किया गया कॉन्टेंट होता है. इसमें बदलाव सिर्फ़ ऐप्लिकेशन के कोड में सीधे तौर पर बदलाव करके किया जा सकता है. स्टैटिक कॉन्टेंट के उदाहरण ये हैं: ऐसी इमेज और टेक्स्ट जो हर उपयोगकर्ता को दिख सकता है.
Now in Android की Figma फ़ाइल में, लेआउट के कई उदाहरण दिए गए हैं. इस उदाहरण में, कॉन्टेंट का एक-डाइमेंशनल कलेक्शन दिखाया गया है.
सूची के कॉम्पोनेंट और खास बातों के बारे में डिज़ाइन से जुड़े ज़्यादा दिशा-निर्देशों के लिए, Material 3 की सूचियां देखें.
फ़ीड लेआउट
फ़ीड लेआउट में, एक जैसे कॉन्टेंट एलिमेंट को कॉन्फ़िगर किए जा सकने वाले ग्रिड में व्यवस्थित किया जाता है. इससे ज़्यादा कॉन्टेंट को आसानी से और तुरंत देखा जा सकता है. कलेक्शन में कार्ड इस्तेमाल करने के लिए, Material 3 के दिशा-निर्देशों के बारे में ज़्यादा जानें. फ़ीड को छोटी स्क्रीन पर, लिस्ट या ग्रिड के हिसाब से कॉन्फ़िगर किया जा सकता है. आम तौर पर, इन्हें कार्ड या टाइल में दिखाया जाता है. कॉन्टेंट डाइनैमिक हो सकता है. इसका मतलब है कि इसे एपीआई जैसे डाइनैमिक बाहरी सोर्स से "फ़ीड किया जाता है".
ग्रिड लेआउट में पंक्तियां और कॉलम, दोनों होते हैं. ये पंक्तियां और कॉलम, कंटेनमेंट के सिद्धांतों के आधार पर बनाए जाते हैं. ग्रिड लेआउट को ज़्यादा सख्ती से लागू किया जा सकता है या पंक्तियों और कॉलम में बदलाव करने के लिए, उन्हें क्रम से लगाया जा सकता है. दोनों में स्पेसिंग और लॉजिक एक जैसा होना चाहिए, ताकि उपयोगकर्ताओं को कोई परेशानी न हो.
लेज़ी लिस्ट या लेज़ी ग्रिड का इस्तेमाल करके, फ़ीड लेआउट लागू किया जा सकता है.
उदाहरण के लिए, यहां ग्रिड लेआउट में फ़ोटो गैलरी और पॉडकास्ट, सामान्य फ़ीड फ़ॉर्मैट हैं.
पेन लेआउट की सुविधा
मोबाइल व्यू के लिए, सहायक कॉन्टेंट या कंट्रोल की ज़रूरत पड़ सकती है. जैसे, शीट या डायलॉग. इनसे मुख्य व्यू पर फ़ोकस बनाए रखने और उसे साफ़-सुथरा रखने में मदद मिलती है.
बॉटम शीट के लिए M3 के दिशा-निर्देशों के बारे में जानें.
WebViews
WebView, ऐप्लिकेशन में वेब पेज दिखाता है. ज़्यादातर मामलों में, हम उपयोगकर्ता को कॉन्टेंट दिखाने के लिए, Chrome जैसे स्टैंडर्ड वेब ब्राउज़र का इस्तेमाल करने का सुझाव देते हैं. वेब ब्राउज़र के बारे में ज़्यादा जानने के लिए, इंटेंट की मदद से ब्राउज़र को चालू करने से जुड़ी गाइड पढ़ें.