विजेट, होम स्क्रीन को पसंद के मुताबिक बनाने का अहम पहलू हैं. आप सोच सकते हैं कि उन्हें "एक नज़र में" कहते हैं किसी ऐप्लिकेशन के सबसे ज़रूरी डेटा और फ़ंक्शन को देखना जिन्हें उपयोगकर्ता की होम स्क्रीन से ऐक्सेस किया जा सकता है. उपयोगकर्ता, विजेट को दूसरी जगह ले जा सकते हैं होम स्क्रीन पैनल पर दिखाई देगा. साथ ही, अगर सुविधा काम करती है, तो उनकी प्राथमिकता के आधार पर विजेट में जानकारी की मात्रा.
इस दस्तावेज़ में, अलग-अलग तरह के विजेट बनाने और डिज़ाइन के सिद्धांतों के बारे में बताया गया है. रिमोट व्यू का इस्तेमाल करके ऐप्लिकेशन विजेट बनाने के लिए एपीआई और एक्सएमएल लेआउट के लिए, आसान विजेट बनाना लेख पढ़ें. Kotlin और Compose स्टाइल एपीआई का इस्तेमाल करके विजेट बनाने के लिए, Jetpack Glance देखें.
विजेट के टाइप
अपने विजेट पर काम करते समय, यह सोचें कि आपको किस तरह का विजेट बनाना है. आम तौर पर, विजेट इनमें से किसी एक कैटगरी में आते हैं:
जानकारी देने वाले विजेट
जानकारी वाले विजेट में आम तौर पर ज़रूरी जानकारी के एलिमेंट दिखते हैं. साथ ही, यह भी ट्रैक किया जाता है कि समय के साथ वह जानकारी कैसे बदलती है. मौसम की जानकारी देने वाले विजेट के उदाहरण विजेट, क्लॉक विजेट या खेल स्कोर ट्रैक करने वाले विजेट. जानकारी पर टैप करना विजेट, आम तौर पर संबंधित ऐप्लिकेशन को लॉन्च करते हैं और विजेट की जानकारी.
कलेक्शन विजेट
कलेक्शन विजेट, एक ही तरह के एक से ज़्यादा एलिमेंट दिखाने में माहिर होते हैं. जैसे, किसी गैलरी ऐप्लिकेशन से तस्वीरों का संग्रह, लेखों का कलेक्शन या कम्यूनिकेशन ऐप्लिकेशन से ईमेल या मैसेज का कलेक्शन. कलेक्शन विजेट, वर्टिकल तौर पर स्क्रोल कर सकते हैं.
कलेक्शन विजेट आम तौर पर, नीचे दिए गए इस्तेमाल के उदाहरणों पर फ़ोकस करते हैं:
- संग्रह ब्राउज़ किया जा रहा है.
- कलेक्शन के किसी एलिमेंट को संबंधित सेक्शन में, पूरी जानकारी वाले व्यू में खोलना है.
- एलिमेंट के साथ इंटरैक्ट करना, जैसे कि उन्हें 'हो गया' के तौर पर मार्क करना. Android 12 (एपीआई लेवल 31) में कंपाउंड बटन.
विजेट कंट्रोल करें
कंट्रोल विजेट का मुख्य काम, अक्सर इस्तेमाल होने वाले फ़ंक्शन को इस तरह दिखाना है यह सुविधा चालू होने पर, उपयोगकर्ता उन्हें होम स्क्रीन से ही ट्रिगर कर सकता है. इसके लिए, उसे खोलने की ज़रूरत नहीं होती है. इन्हें किसी ऐप्लिकेशन का रिमोट कंट्रोल माना जा सकता है. इसका एक उदाहरण कंट्रोल विजेट, होम कंट्रोल का एक विजेट है. इसकी मदद से, लोग घर की लाइटें चालू कर सकते हैं चालू या बंद करें.
किसी कंट्रोल विजेट के साथ इंटरैक्ट करने पर, है. यह इस बात पर निर्भर करता है कि कंट्रोल विजेट का फ़ंक्शन, कोई डेटा देता है या नहीं. जैसे कि खोज विजेट के मामले में.
हाइब्रिड विजेट
वहीं कुछ विजेट, पिछले विजेट में एक तरह के विजेट दिखाते हैं सेक्शन—जानकारी, कलेक्शन या कंट्रोल—जैसे कई विजेट ऐसे हाइब्रिड जिनमें अलग-अलग तरह के एलिमेंट शामिल होते हैं. उदाहरण के लिए, एक म्यूज़िक प्लेयर विजेट मुख्य रूप से एक कंट्रोल विजेट होता है. हालांकि, यह उपयोगकर्ता को यह भी दिखाता है कि क्या फ़िलहाल, जो अभी चलाया जा रहा है, जैसे कि जानकारी वाले विजेट.
विजेट प्लान करते समय, किसी एक बेस टाइप को ध्यान में रखकर डिज़ाइन करें और उसमें एलिमेंट जोड़ें लागू कर सकते हैं.
Google Assistant की मदद से विजेट इंटिग्रेट करें
Google Assistant, उपयोगकर्ता को जवाब देने के लिए किसी भी तरह के विजेट को दिखा सकती है बोले गए निर्देश. ऐप्लिकेशन ऐक्शन की सुविधा देने के लिए, अपने विजेट कॉन्फ़िगर किए जा सकते हैं. इससे उपयोगकर्ताओं को Android और Android Auto जैसे Assistant प्लैटफ़ॉर्म पर, तुरंत जवाब और ऐप्लिकेशन के इंटरैक्टिव अनुभव मिल सकते हैं. Assistant के लिए विजेट की सुविधा के बारे में ज़्यादा जानने के लिए, Android विजेट के साथ ऐप्लिकेशन ऐक्शन को इंटिग्रेट करना लेख पढ़ें.
विजेट से जुड़ी सीमाएं
विजेट को "मिनी ऐप्लिकेशन", इसकी कुछ सीमाएं हैं जिन्हें विजेट डिज़ाइन करने से पहले समझना ज़रूरी है.
हाथ के जेस्चर (हाव-भाव)
विजेट होम स्क्रीन पर रहते हैं, इसलिए उन्हें होम स्क्रीन के साथ रहना चाहिए दिया गया है. इससे हाथ के जेस्चर की सुविधा सीमित हो जाती है फ़ुल-स्क्रीन ऐप्लिकेशन की तुलना में विजेट में उपलब्ध है. ऐसा हो सकता है कि ऐप्लिकेशन, लोगों को एक से दूसरी स्क्रीन पर हॉरिज़ॉन्टल इस्तेमाल करने की वजह से, हाथ का यह जेस्चर पहले ही होम पेज पर मौजूद है का उपयोग करता है.
विजेट के लिए सिर्फ़ टच और वर्टिकल स्वाइप, जेस्चर के विकल्प उपलब्ध हैं.
एलिमेंट
विजेट के लिए उपलब्ध जेस्चर की सीमाओं को देखते हुए, कुछ यूज़र इंटरफ़ेस (यूआई) बिल्डिंग ब्लॉक विजेट जो प्रतिबंधित जेस्चर पर निर्भर होते हैं, वे विजेट के लिए उपलब्ध नहीं हैं. एक पूरा इस्तेमाल किए जा सकने वाले बिल्डिंग ब्लॉक की सूची और लेआउट की पाबंदियों के बारे में ज़्यादा जानकारी, विजेट का लेआउट बनाना और ज़रूरत के हिसाब से विजेट उपलब्ध कराना देखें लेआउट शामिल करें.
डिज़ाइन के लिए दिशा-निर्देश
विजेट का कॉन्टेंट
विजेट, "विज्ञापन" के ज़रिए किसी उपयोगकर्ता को अपने ऐप्लिकेशन की ओर आकर्षित करने का एक बेहतरीन तरीका है नया और दिलचस्प कॉन्टेंट जो आपके ऐप्लिकेशन में उपलब्ध हो.
किसी अखबार के मुख्य पेज पर टीज़र की तरह ही, विजेट भी एक-दूसरे से जुड़े होते हैं और किसी ऐप्लिकेशन की जानकारी पर ध्यान देने और बेहतर जानकारी पाने में मदद करता है के बीच दिखता है. ऐसा कहा जा सकता है कि विजेट में जानकारी "स्नैक" है हालांकि, ऐप्लिकेशन ही "खाना" है. पक्का करें कि आपका ऐप्लिकेशन किसी जानकारी के बारे में ज़्यादा जानकारी दिखाए आइटम दिखाई नहीं देता है.
विजेट पर नेविगेट करना
सटीक जानकारी देने वाले कॉन्टेंट के अलावा, अपना विजेट उपलब्ध कराने पर विचार करें आपके ऐप्लिकेशन की अक्सर इस्तेमाल की जाने वाली जगहों के नेविगेशन लिंक. इससे लोग, ये काम कर सकते हैं: साथ ही, आपके ऐप्लिकेशन की सुविधाओं को आपके घर तक आसानी से ऐक्सेस किया जा सकता है स्क्रीन.
विजेट पर नेविगेशन लिंक के लिए सबसे अच्छे उम्मीदवार ये हैं:
जनरेटिव फ़ंक्शन: इन फ़ंक्शन का इस्तेमाल करके, उपयोगकर्ता अपने जैसे कि नया दस्तावेज़ या नया मैसेज बनाना.
ऐप्लिकेशन को सबसे ऊपर के लेवल पर खोलना: आम तौर पर, जानकारी देने वाले किसी एलिमेंट पर टैप करना उपयोगकर्ता को कम-लेवल वाली ज़्यादा जानकारी वाली स्क्रीन पर ले जाता है. आपके ऐप्लिकेशन के टॉप लेवल पर जाने के लिए ज़्यादा विकल्प मिलते हैं और शॉर्टकट की जगह, उपयोगकर्ता इन शॉर्टकट का इस्तेमाल करें. खोलें. इस काम की क्षमता के लिए आपके ऐप्लिकेशन आइकॉन का उपयोग करना साथ ही, आपके विजेट को एक साफ़ पहचान मिल सकती है. ऐसा तब होता है, जब दिखाना मुश्किल है.
विजेट का साइज़ बदला जा रहा है
टच और साइज़ बदलने वाले विजेट को पकड़कर रखें और फिर उसे छोड़ दें साइज़ बदलने वाला मोड. उपयोगकर्ता अपने पसंदीदा साइज़ को सेट करने के लिए, विजेट के कोनों या ड्रैग हैंडल का इस्तेमाल कर सकते हैं.
साइज़ बदलने की सुविधा की मदद से, उपयोगकर्ता होम स्क्रीन पर विजेट प्लेसमेंट ग्रिड की सीमाओं के मुताबिक, विजेट की ऊंचाई और चौड़ाई में बदलाव कर सकते हैं. यह तय किया जा सकता है कि विजेट का साइज़, हॉरिज़ॉन्टल या वर्टिकल तौर पर भी बदला जा सकता है. इसके अलावा, विजेट का साइज़ भी आसानी से बदला जा सकता है बदलाव. अगर आपका विजेट पहले से तय साइज़ का है, तो आपको साइज़ बदलने की सुविधा देने की ज़रूरत नहीं है.
उपयोगकर्ताओं को विजेट का साइज़ बदलने की अनुमति देने के कई अहम फ़ायदे हैं:
- वे इसे फ़ाइन-ट्यून कर सकते हैं कि हर विजेट पर वे कितनी जानकारी देखना चाहते हैं.
- वे अपने होम पैनल पर विजेट और शॉर्टकट के लेआउट को बेहतर तरीके से तय कर सकते हैं.
अपने विजेट के हिसाब से, विजेट के साइज़ में बदलाव करने की रणनीति बनाएं बना रहे हैं. सूची या ग्रिड पर आधारित कलेक्शन विजेट, आम तौर पर आसान होते हैं. क्योंकि विजेट का साइज़ बदलने से, वर्टिकल स्क्रोलिंग एरिया बड़ा या छोटा हो जाता है. उपयोगकर्ता, विजेट के साइज़ के बावजूद, अब भी सभी जानकारी स्क्रोल कर सकता है एलिमेंट देखने की सुविधा मिलती है.
जानकारी इकट्ठा करने वाले विजेट को बेहतर तरीके से प्लान करने की ज़रूरत होती है, क्योंकि वे ऐसा नहीं करते और पूरा कॉन्टेंट एक दिए गए साइज़ में फ़िट होना चाहिए. आपको डाइनैमिक तौर पर अपने विजेट के कॉन्टेंट और लेआउट को उस साइज़ के हिसाब से अडजस्ट करें जो उपयोगकर्ता ने आकार बदलने की कार्रवाई.
यहां दिए गए उदाहरण में, उपयोगकर्ता तीन चरणों में मौसम के विजेट का साइज़ बदल सकता है. विजेट के साइज़ के बढ़ने पर, उपयोगकर्ता को मौजूदा जगह के मौसम की ज़्यादा जानकारी दिखती है.
हर विजेट के साइज़ के लिए, यह तय करें कि आपके ऐप्लिकेशन की कितनी जानकारी दिखेगी. छोटे साइज़ के लिए, ज़रूरी जानकारी पर ध्यान दें. इसके बाद, कॉन्टेक्स्ट के हिसाब से कीवर्ड जोड़ें यह जानकारी विजेट के हॉरिज़ॉन्टल और वर्टिकल तौर पर बढ़ती है.
लेआउट से जुड़ी ज़रूरी बातें
अपने विजेट को उन प्लेसमेंट ग्रिड को ध्यान में रखें. यह एक काम का नाम हो सकता है अनुमान लगाता है, लेकिन इन बातों को ध्यान में रखें:
- "साइज़ बकेट" में विजेट के साइज़ को बदलने की रणनीति बनाना के बजाय वैरिएबल ग्रिड डाइमेंशन से आपको सबसे भरोसेमंद नतीजे मिलते हैं.
- सेल की संख्या, साइज़, और स्पेसिंग, डिवाइस के हिसाब से काफ़ी अलग-अलग हो सकती है. इसलिए, यह ज़रूरी है कि आपका विजेट सुविधाजनक हो और इनमें उम्मीद से कम या ज़्यादा जगह शामिल होती है.
- जैसे-जैसे उपयोगकर्ता किसी विजेट का साइज़ बदलता है, सिस्टम जवाब देने के लिए डीपी साइज़ की रेंज जिसे आपका विजेट फिर से ड्रॉ कर सकता है.
- Android 12 से, ज़्यादा बेहतर साइज़ उपलब्ध कराया जा सकता है
एट्रिब्यूट और ज़्यादा सुविधाजनक लेआउट. इसमें इस तरह का कॉन्टेंट शामिल है:
- विजिट का आकार तय करना पाबंदियां तय की हैं. उदाहरण के लिए, आपके पास ग्रिड में, विजेट के लिए टारगेट साइज़ तय करने की सुविधा होती है सेल—और साथ ही अधिकतम आकार.
- रिस्पॉन्सिव लेआउट उपलब्ध कराकर, जो विजेट के साइज़ के हिसाब से बदलते रहते हैं.
- एग्ज़ैक्ट साइज़ वाले लेआउट उपलब्ध कराकर, लॉन्चर को पोर्ट्रेट और लैंडस्केप के लिए साइज़ के विकल्प के साथ जवाब देने दें फ़ोन के लिए या फ़ोल्ड किए जा सकने वाले डिवाइसों के लिए, चार साइज़ का हो.
- अपने विजेट के लिए सही साइज़ तय करने के लिए, अपडेट किए गए दिशा-निर्देशों और नए एपीआई का इस्तेमाल करें.
उपयोगकर्ताओं के हिसाब से विजेट को कॉन्फ़िगर करने की सुविधा
कभी-कभी, विजेट के काम का बनने से पहले उपयोगकर्ता को इसे सेट अप करना पड़ता है. एक ऐसे ईमेल विजेट के बारे में सोचें जिसमें उपयोगकर्ता को पहले मेल फ़ोल्डर चुनने की ज़रूरत होगी उपयोगकर्ता को इनबॉक्स दिखाया जा सकता है. इसके अलावा, एक स्टैटिक फ़ोटो विजेट भी दिखाया जा सकता है गैलरी में मौजूद एक तस्वीर दिखाई जाएगी. Android विजेट उपयोगकर्ता के विजेट को होम स्क्रीन पर डालने के ठीक बाद, कॉन्फ़िगरेशन के विकल्प उपलब्ध होते हैं.
विजेट डिज़ाइन की चेकलिस्ट
- अपने विजेट में, एक नज़र में जानकारी देने वाले छोटे हिस्से पर फ़ोकस करें. इस पर बड़ा करें जानकारी को शामिल किया है.
- अपनी ज़रूरत के हिसाब से सही विजेट टाइप चुनें.
- यह प्लान करें कि आपके विजेट का कॉन्टेंट, अलग-अलग साइज़ के हिसाब से कैसे बदलता है.
- अपने विजेट के लेआउट को, स्क्रीन की दिशा और डिवाइस से अलग बनाएं. इसके लिए, पक्का करें कि लेआउट में खिंचाव आ सकता है और वह सिकुड़ सकता है.
- देखें कि क्या आपके विजेट को किसी अतिरिक्त कॉन्फ़िगरेशन की ज़रूरत है.