ऐप्लिकेशन की यूनीक स्क्रीन डिज़ाइन करने और बनाने के लिए, Compose के लेआउट टेंप्लेट और डिज़ाइन लेआउट के सैंपल को समझें.
ज़्यादातर ऐप्लिकेशन, स्क्रोल न करने वाले या स्क्रोल करने वाले लेआउट का इस्तेमाल करते हैं. इनमें ये एलिमेंट शामिल होते हैं:
- समय का टेक्स्ट: डिवाइस स्मार्टवॉच है, इसलिए हमारा सुझाव है कि ऐप्लिकेशन इस्तेमाल करने के दौरान भी समय का टेक्स्ट दिखाया जाए. हालांकि, ऐसा करना ज़रूरी नहीं है.
- पेज का टाइटल: उपयोगकर्ता को यह बताने के लिए कि वह सफ़र के किस चरण में है, उसे रास्ता दिखाने और रिमाइंडर देने के लिए (ज़रूरी नहीं, लेकिन इसका सुझाव दिया जाता है).
- स्क्रोल इंडिकेटर: सिर्फ़ स्क्रोलिंग-लेआउट पर दिखता है. इससे पता चलता है कि स्क्रीन फ़ोल्ड के नीचे और भी कॉन्टेंट है.
- कार्रवाई बटन: इन्हें सबसे नीचे रखने का सुझाव दिया जाता है. इनकी मदद से, उपयोगकर्ता के सफ़र की पुष्टि की जा सकती है, उसे पूरा किया जा सकता है या फिर उसे जारी रखा जा सकता है.
ऐप्लिकेशन के लेआउट के सेक्शन

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

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

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




स्क्रोल किए जा सकने वाले ऐप्लिकेशन व्यू



