बटन

संग्रह की मदद से व्यवस्थित रहें अपनी प्राथमिकताओं के आधार पर, कॉन्टेंट को सेव करें और कैटगरी में बांटें.

A. कॉन्टेंट

बटन में एक स्लॉट होता है, जो आइकॉन या टेक्स्ट के लिए होता है. बटन की कार्रवाई के हिसाब से कोई आइकॉन चुनें. अगर कोई आइकॉन, ज़रूरी कार्रवाई के बारे में बताने में सक्षम नहीं है, तो ज़्यादा से ज़्यादा तीन वर्णों वाले टेक्स्ट का इस्तेमाल किया जा सकता है. अगर आइकॉन से कार्रवाई के बारे में साफ़ तौर पर जानकारी नहीं मिल पा रही है, तो चिप कॉम्पोनेंट का इस्तेमाल करें

B. कंटेनर

बटन कंटेनर में सिर्फ़ एक ही रंग का इस्तेमाल किया जा सकता है.

टॉगल बटन

टॉगल बटन की मदद से, उपयोगकर्ता दो स्थितियों के बीच टॉगल कर सकते हैं.

कॉम्पैक्ट बटन

कॉम्पैक्ट बटन छोटे दिखते हैं, लेकिन उन पर टैप करने के लिए ज़्यादा जगह होती है. टैप किए जा सकने वाले एरिया का डिफ़ॉल्ट साइज़ 48x48 dp होता है.

बटन की हैरारकी दिखाने के लिए, अलग-अलग रंगों के फ़िल का इस्तेमाल करें.

ज़्यादा अहमियत

ज़्यादा अहमियत वाले बटन में, ऐप्लिकेशन की मुख्य कार्रवाइयां होती हैं. ज़्यादा अहमियत वाले बटन के लिए, कंटेनर के लिए प्राइमरी या सेकंडरी कलर और कॉन्टेंट के लिए प्राइमरी और सेकंडरी कलर का इस्तेमाल करें. ज़्यादा जानकारी के लिए, Wear Material थीम देखें.

मीडियम में हाइलाइट करना

मीडियम हाइलाइट वाले बटन, कम कंट्रास्ट वाले रंग से भरे होते हैं. इनमें ऐसी कार्रवाइयां शामिल होती हैं जो मुख्य कार्रवाइयों से कम अहम होती हैं. कंटेनर के लिए 'सरफ़ेस का रंग' और कॉन्टेंट के लिए 'सरफ़ेस पर रंग' का इस्तेमाल करें.

इसके अलावा, मीडियम हाइलाइट वाले बटन के लिए, कस्टम OutlinedButton कॉम्पोनेंट का इस्तेमाल करें. इसमें पारदर्शी बैकग्राउंड, 60% ओपैसिटी वाला प्राइमरी वैरिएंट कलर वाला स्ट्रोक, और प्राइमरी कलर वाला कॉन्टेंट है.

कम अहमियत वाले बटनों को फ़िल नहीं किया जाता. ये स्मार्टवॉच की होम स्क्रीन के छोटे हिस्सों के लिए सबसे सही हैं, जहां कॉम्पैक्ट तरीके से जानकारी दिखाने की ज़रूरत होती है. कॉन्टेंट के लिए, 'सर्फ़ेस पर रंग' का इस्तेमाल करें.

बड़े

आइकॉन (30 x 30 dp)
कंटेनर (60 x 60 dp)

डिफ़ॉल्ट

आइकॉन (26 x 26 dp)
कंटेनर (52 x 52 dp)

छोटा

आइकॉन (24 x 24 dp)
कंटेनर (48 x 48 dp)

एक्स्ट्रा स्मॉल (एक्सएस)

आइकॉन (24 x 24 dp)
कंटेनर (32 x 32 dp)

हमारा सुझाव है कि इस बटन के चारों ओर अतिरिक्त पैडिंग जोड़ें, ताकि कम से कम 48 dp का टैप टारगेट बनाया जा सके. सुलभता के लिए, टैप टारगेट का यह सबसे छोटा साइज़ है.

एक बटन

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

दो बटन

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