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