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