बटन

बटन किसी उपयोगकर्ता के छूने पर होने वाली कार्रवाई के बारे में बताता है.

बटन, Android ओपन सोर्स प्रोजेक्ट (AOSP) के स्टैंडर्ड कॉम्पोनेंट होते हैं. इन इमेज के बैकग्राउंड में गहरे रंग या खाली (पारदर्शी बैकग्राउंड) हो सकता है. भरे गए बटन, मुख्य या पसंदीदा कार्रवाई के बारे में बताते हैं. बटन, अलग-अलग या ग्रुप में दिख सकते हैं. हालांकि, टैब हमेशा ग्रुप में दिखते हैं.


शरीर रचना

बटन एनाटॉमी
1. बटन का कंटेनर
2. भरा हुआ बटन कंटेनर, जिससे मुख्य कार्रवाई या पसंदीदा कार्रवाई का पता चलता है
3. बटन का लेबल

खास जानकारी

बटन की कम से कम और ज़्यादा से ज़्यादा लंबाई

बटन लेबल की अधिकतम लंबाई 20 वर्ण है. बटन की कम से कम चौड़ाई 156dp है.
बटन लेबल में ज़्यादा से ज़्यादा 20 वर्ण हो सकते हैं. बटन की चौड़ाई कम से कम 156dp है.

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

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

बटन, ऐप्लिकेशन बार या डायलॉग जैसे दूसरे कॉम्पोनेंट में एलिमेंट के तौर पर दिख सकते हैं.

ऐप्लिकेशन बार में बटन प्लेसमेंट

बटन, ऐप्लिकेशन बार की दाईं ओर मौजूद होते हैं
बटन, ऐप्लिकेशन बार की दाईं ओर होते हैं

डायलॉग बॉक्स में बटन

डायलॉग बॉक्स में बटन, आम तौर पर डायलॉग बॉक्स के सबसे नीचे बाईं ओर मौजूद होते हैं
डायलॉग में मौजूद बटन, आम तौर पर डायलॉग के सबसे नीचे बाईं ओर मौजूद होते हैं

हीरो बटन

हीरो बटन के गोल किनारे, इसकी अहमियत बताते हैं
हीरो बटन के गोल किनारे, उसकी अहमियत दिखाते हैं

पसंद के मुताबिक बनाएं

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

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

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

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


उदाहरण

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