सबसे पहले अपने मुख्य कॉन्टेंट की पहचान करके, विजेट के लेआउट को असरदार बनाएं. आपके लेआउट से यह तय होता है कि आपके विजेट में जानकारी और इंटरैक्टिव एलिमेंट कैसे व्यवस्थित किए गए हैं. Android, इस प्रोसेस को आसान बनाने के लिए, टूलबार, टेक्स्ट, सूची, और ग्रिड टाइप के विजेट के लिए कई पहले से बने लेआउट उपलब्ध कराता है.
टेक्स्ट
टेक्स्ट लेआउट, कम शब्दों में जानकारी दिखाने के लिए सबसे सही होते हैं. टेक्स्ट के साथ इमेज शामिल करके, अपने विजेट को ज़्यादा आकर्षक बनाएं.
यह सुविधा, टाइटल, स्टेटस अपडेट, छोटे ब्यौरे या किसी भी ऐसे मामले के लिए सबसे सही है जहां टेक्स्ट की एक लाइन में मैसेज को असरदार तरीके से बताया जा सकता है.
ज़्यादा विज़ुअल इफ़ेक्ट के लिए, इमेज शामिल करें. ज़्यादा जानकारी के लिए, ब्रेकपॉइंट देखें. इससे आपको अलग-अलग स्क्रीन साइज़ के लिए, इस लेआउट को अडैप्ट करने का तरीका पता चलेगा.
टूलबार
टूलबार लेआउट का इस्तेमाल करें, ताकि उपयोगकर्ताओं को आपके ऐप्लिकेशन में अक्सर इस्तेमाल किए जाने वाले टास्क को तुरंत ऐक्सेस करने की सुविधा मिल सके. साथ ही, यह सुविधा अलग-अलग साइज़ के विजेट के हिसाब से काम करने वाले फ़्लेक्सिबल लेआउट में उपलब्ध हो.
खोज टूलबार के लेआउट को इस तरह से डिज़ाइन किया गया है कि टूलबार में खोज को मुख्य कार्रवाई के तौर पर हाइलाइट किया जा सके. अक्सर इस्तेमाल किए जाने वाले फ़ंक्शन को तुरंत ऐक्सेस करने के लिए, अतिरिक्त बटन का इस्तेमाल किया जा सकता है.
टूलबार में ऐप्लिकेशन की ब्रैंडिंग मौजूद होती है. इसके बाद, सबसे ज़्यादा इस्तेमाल किए जाने वाले टास्क के बटन होते हैं. ये बटन, टॉगल की जा सकने वाली सेटिंग या टास्क लिंक के लिए सही होते हैं. आकार बदलते समय, ज़्यादा इस्तेमाल होने वाले विकल्पों को दिखाने के लिए, कम इस्तेमाल होने वाले विकल्पों को छिपाया जा सकता है. जगह होने पर, कम से कम 48 डीपी का नया बटन जोड़ने के लिए, ब्रेकपॉइंट का इस्तेमाल करें.
सूचियां
सूची वाले लेआउट का इस्तेमाल करके, कई आइटम को साफ़ तौर पर और आसानी से पढ़े जा सकने वाले फ़ॉर्मैट में व्यवस्थित करें. यह लेआउट, खबरों की हेडलाइन, किए जाने वाले कामों की सूची या मैसेज के लिए सबसे सही है. कॉन्टेंट को स्ट्रक्चर्ड और आसानी से पढ़े जा सकने वाली सूची में व्यवस्थित करें. कॉन्टेंट की ज़रूरतों के हिसाब से, कंटेनर वाले या कंटेनर के बिना प्रज़ेंटेशन में से कोई एक चुनें.
स्कैन किए जा सकने वाले टेक्स्ट और इमेज की सूचियां, कई तरह के कॉन्टेंट दिखाने के लिए सबसे सही होती हैं. जैसे, खबरों की हेडलाइन, एल्बम आर्ट वाली प्लेलिस्ट या मैसेज.
चेकलिस्ट लेआउट, टास्क दिखाने के लिए सबसे सही है. इससे उपयोगकर्ताओं को टैप करने के लिए साफ़ तौर पर टारगेट मिलते हैं, ताकि वे आइटम को 'हो गया' के तौर पर तुरंत मार्क कर सकें.
टास्क की सूचियों के साथ कंट्रोल ग्रुपिंग की सुविधा उपलब्ध कराएं. इसमें आइटम की स्थिति के बारे में तुरंत जानकारी देने के लिए, विज़ुअल को चालू/बंद करने की सुविधा मिलती है.
ग्रिड
इमेज को छोटे, ज़रूरत के हिसाब से बदलने वाले, और विज़ुअल तौर पर बेहतर ग्रिड में दिखाएं. साथ ही, लेबल जोड़ने का विकल्प भी दें. ऐसे कॉलम और लाइनों का इस्तेमाल करें जो अलग-अलग स्क्रीन साइज़ के हिसाब से अपने-आप अडजस्ट हो जाती हैं.
सिर्फ़ इमेज वाली ग्रिड का इस्तेमाल करके, स्क्रोल की जा सकने वाली ऐसी इमेज गैलरियां बनाएं जो देखने में असरदार हों. लाइन और कॉलम, अलग-अलग स्क्रीन साइज़ के हिसाब से अपने-आप अडजस्ट हो जाते हैं, ताकि उन्हें सबसे सही तरीके से दिखाया जा सके.
इमेज ग्रिड में टेक्स्ट लेबल और ब्यौरे भी शामिल किए जा सकते हैं. इससे इमेज ग्रिड के कॉन्टेंट में ज़्यादा जानकारी और संदर्भ जोड़ा जा सकता है.
कोड सैंपल
यहां दी गई टेबल में, हर कैननिकल लेआउट को Android Platform Samples GitHub रिपॉज़िटरी में, Jetpack Glance के उसके लागू किए गए वर्शन से मैप किया गया है.
| कैननिकल लेआउट | लेआउट कैटगरी | लागू करने की सैंपल फ़ाइल |
|---|---|---|
| सिर्फ़ टेक्स्ट | टेक्स्ट | LongTextAppWidget.kt |
| टेक्स्ट और इमेज | टेक्स्ट | TextWithImageAppWidget.kt |
| Search Toolbar | टूलबार | SearchToolBarAppWidget.kt |
| टूलबार (स्टैंडर्ड) | टूलबार | ToolBarAppWidget.kt |
| टेक्स्ट और इमेज की सूची | सूचियां | ImageTextListAppWidget.kt |
| चेकलिस्ट | सूचियां | CheckListAppWidget.kt |
| कार्रवाई की सूची | सूचियां | ActionListAppWidget.kt |
| सिर्फ़ इमेज | ग्रिड | ImageGridAppWidget.kt |
| इमेज और टेक्स्ट | ग्रिड | ImageGridAppWidget.kt |