टैब ऐसे बटन होते हैं जो हमेशा समूहों में होते हैं और एक दूसरे की स्थिति पर निर्भर होते हैं: किसी भी समय केवल एक ही सक्रिय हो सकता है।
बटन घटक
जो बटन टैब नहीं हैं, वे अन्य बटनों से स्वतंत्र रूप से कार्य कर सकते हैं।
टैब
शरीर रचना
2. निष्क्रिय टैब आइकन
3. सक्रिय टैब लेबल
4. निष्क्रिय टैब लेबल
विनिर्देश
ऐप बार में टैब एक दूसरे के अंदर स्थित हैं – बाएँ ओर संरेखित
ऐप बार और हेडर घटक
विनिर्देश, शैली संबंधी दिशानिर्देश और बहुत कुछ। ऐप बार में नेस्टेड टैब – लचीला संरेखण
ऐप बार में टैब बंद हैं – ड्रॉअर मेनू
ऐप बार और हेडर घटक
विनिर्देश, शैली संबंधी दिशानिर्देश और बहुत कुछ। स्टैंडअलोन टैब बार – बाएँ संरेखित
स्टैंडअलोन टैब बार – लचीला संरेखण
टैब लेबल स्ट्रिंग ओवरफ़्लो
लेआउट को स्केल करना
ये संदर्भ लेआउट दिखाते हैं कि विभिन्न चौड़ाई और ऊँचाई वाली स्क्रीन के अनुसार टैब को कैसे अनुकूलित किया जाए। ध्यान दें कि सभी पिक्सेल मान डाउन-सैंपलिंग या अप-सैंपलिंग से पहले के रेंडर किए गए पिक्सेल में हैं।
कम ऊंचाई वाले ब्रैकेट में स्टैंडर्ड बनाम वाइड स्क्रीन
मानक ऊंचाई वाले ब्रैकेट में मानक बनाम चौड़ी स्क्रीन
ऊँची स्क्रीन के लिए स्टैंडर्ड और वाइड स्क्रीन की तुलना
सभी ऊंचाई श्रेणियों में अतिरिक्त चौड़ी और सुपर-चौड़ी स्क्रीन उपलब्ध हैं।
शैलियों
टाइपोग्राफी
| टाइप शैली | टाइपफ़ेस | वज़न | आकार (डेप्थ डिग्री) |
|---|---|---|---|
| बॉडी 3 एम | रोबोटो | मध्यम | 24 |
| शरीर 3 | रोबोटो | नियमित | 24 |
रंग
| तत्व | रंग (दिन मोड) | रंग (नाइट मोड) |
|---|---|---|
| प्राथमिक प्रकार / आइकन | सफ़ेद | सफेद @ 88% |
| द्वितीयक प्रकार / आइकन | श्वेत @ 72% | सफेद @ 60% |
| टैब बार पृष्ठभूमि | काला | काला |
| स्क्रॉल करने पर टैब बार की पृष्ठभूमि | काला @ 84% | काला @ 88% |
| टैब आइकन - सक्रिय अवस्था | सफ़ेद | सफेद @ 88% |
| टैब आइकन - निष्क्रिय अवस्था | श्वेत @ 56% | सफेद @ 50% |
आकार
| तत्व | आकार (डेप्थ डिग्री) |
|---|---|
| प्राथमिक आइकन | 44 |
| द्वितीयक आइकन | 36 |
| आइकन टच लक्ष्य | 76 |
उदाहरण
