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