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