बटन

एक बटन उस क्रिया को दर्शाता है जो उपयोगकर्ता द्वारा उसे छूने पर घटित होती है।

बटन एंड्रॉइड ओपन सोर्स प्रोजेक्ट (AOSP) के मानक घटक हैं। इन्हें या तो एक ठोस रंग से भरा जा सकता है, या खाली (पारदर्शी पृष्ठभूमि के साथ) रखा जा सकता है। भरे हुए बटन प्राथमिक या पसंदीदा क्रिया को दर्शाते हैं। बटन स्वतंत्र रूप से या समूहों में दिखाई दे सकते हैं - टैब के विपरीत, जो हमेशा समूहों में दिखाई देते हैं।

शरीर रचना

बटनों की संरचना
1. खाली बटन कंटेनर
2. भरा हुआ बटन कंटेनर, जो प्राथमिक या पसंदीदा क्रिया को दर्शाता है।
3. बटन लेबल

विनिर्देश

बटन की न्यूनतम और अधिकतम लंबाई

बटन लेबल की अधिकतम लंबाई 20 अक्षर है। बटन की न्यूनतम चौड़ाई 156 दशमलव स्थान (डेस्कटॉप) है।
बटन लेबल की अधिकतम लंबाई 20 अक्षर है। बटन की न्यूनतम चौड़ाई 156 डेसीमीटर है।

आइकन वाला बटन बनाम डिफ़ॉल्ट बटन

बटनों में आइकन शामिल हो सकते हैं। आइकन शामिल होने पर, वे आमतौर पर बटन टेक्स्ट के बाईं ओर दिखाई देते हैं।
बटनों में आइकन शामिल हो सकते हैं। आइकन शामिल होने पर, वे आमतौर पर बटन टेक्स्ट के बाईं ओर दिखाई देते हैं।

बटन अन्य घटकों, जैसे कि ऐप बार या डायलॉग बॉक्स में तत्वों के रूप में दिखाई दे सकते हैं।

ऐप बार में बटन की स्थिति

ऐप बार के दाईं ओर बटन स्थित हैं।
ऐप बार के दाईं ओर बटन स्थित हैं।

संवाद बॉक्स में बटन

डायलॉग बॉक्स में बटन आमतौर पर डायलॉग बॉक्स के निचले बाएँ कोने में स्थित होते हैं।
डायलॉग बॉक्स में बटन आमतौर पर डायलॉग बॉक्स के निचले बाएं हिस्से में स्थित होते हैं।

हीरो बटन

हीरो बटन के गोल किनारे इसकी महत्ता को दर्शाते हैं।
गोल किनारे हीरो बटन के महत्व पर जोर देते हैं।

अनुकूलन

OEM कंपनियां बटन के दृश्य स्वरूप में बदलाव करके अपने ब्रांड को प्रदर्शित कर सकती हैं, जैसे कि:

  • एक्सेंट रंग निर्दिष्ट करना
  • कस्टम आइकन उपलब्ध कराना
  • कस्टम फ़ॉन्ट जोड़ना
  • सक्रिय, निष्क्रिय और अक्षम बटनों की दिखावट बदलना
  • बटन के आयाम, कोने का आकार और स्थान निर्धारित करना
  • गति का उपयोग करके उपयोगकर्ताओं को प्रतिक्रिया प्रदान करना

कार यूआई लाइब्रेरी इंटीग्रेशन गाइड, कंपोनेंट्स को कस्टमाइज़ करने के लिए OEM को मार्गदर्शन प्रदान करती है।

उदाहरण

अधूरे और भरे हुए बटन
खाली और भरे हुए बटन, जहां भरा हुआ बटन प्राथमिक क्रिया को दर्शाता है।
अक्षम भरा हुआ बटन
इस भरे हुए बटन का रंग और अपारदर्शिता इसकी निष्क्रिय स्थिति को दर्शाते हैं।
अधूरे बटन संवाद
किसी संवाद बॉक्स में खाली बटन समान रूप से भारित क्रियाओं को दर्शाते हैं।
बटन की लहर गति की अवधि
इन तरंगनुमा गतियों की अवधि 330 मिलीसेकंड है। इनका उपयोग बटन के साथ उपयोगकर्ता के संपर्क की पुष्टि करने के लिए किया जाता है।
बटनों की लहरदार एनीमेशन
ये तरंगनुमा गतियाँ शुरू में बटन की सतह के 60% हिस्से पर फैलती हैं। ये उपयोगकर्ता के टैप से दूर फैलती हैं और बटन के किनारे से 10 डेसीमीटर (dp) की दूरी पर रुक जाती हैं।