ग्रिड

ग्रिड व्यू में सामग्री आइटमों को दर्शाने वाली छवियों के दो या दो से अधिक कॉलम प्रदर्शित होते हैं, जिनमें प्रत्येक छवि के नीचे संक्षिप्त पाठ होता है। यह व्यू तब सबसे उपयुक्त होता है जब उपयोगकर्ता मुख्य रूप से छवियों के आधार पर चयन करते हैं।

ग्रिड को लंबवत रूप से स्क्रॉल किया जा सकता है और इसका आकार, रिक्ति और स्तंभों की संख्या भिन्न-भिन्न हो सकती है। ग्रिड में मौजूद सामग्री को श्रेणियों में भी समूहित किया जा सकता है।

कॉलआउट आइकन
सूची आइटम घटक
सूचियाँ ऐसी सामग्री को प्रदर्शित करने का एक वैकल्पिक तरीका प्रदान करती हैं जिसके लिए अधिक व्याख्यात्मक पाठ की आवश्यकता होती है।

शरीर रचना

ग्रिड में टेक्स्ट और यूआई कंट्रोल होते हैं। चूंकि उपयोगकर्ताओं को इन पर प्रतिक्रिया देनी होती है, इसलिए इन्हें कभी भी अन्य तत्वों या स्क्रीन के किनारे से छिपाया नहीं जाना चाहिए।

1. ग्रिड आइटम
2. प्राथमिक और द्वितीयक पाठ
3. ग्रिड पृष्ठभूमि

विनिर्देश

कॉलआउट आइकन
सूची आइटम घटक
विनिर्देश, शैली संबंधी दिशानिर्देश और बहुत कुछ।

विषयवस्तु ग्रिड (3 या 4 कॉलम)

ऐप ग्रिड (4 कॉलम)

ऐप ग्रिड जिसमें सबसे ऊपर की पंक्ति में अक्सर उपयोग किए जाने वाले आइटम दिखाए गए हैं।

ग्रिड लेआउट में संकेतक आइकन का स्थान निर्धारण

लेआउट को स्केल करना

ये संदर्भ लेआउट दिखाते हैं कि विभिन्न चौड़ाई और ऊँचाई वाली स्क्रीन के लिए ग्रिड को कैसे अनुकूलित किया जाए। ध्यान दें कि सभी पिक्सेल मान डाउन-सैंपलिंग या अप-सैंपलिंग से पहले के रेंडर किए गए पिक्सेल में हैं।

मानक चौड़ाई वाली स्क्रीन

वाइड स्क्रीन

वाइड स्क्रीन के लिए, 3-कॉलम लेआउट की सलाह दी जाती है। यदि 4-कॉलम लेआउट का उपयोग कर रहे हैं, तो टाइल का न्यूनतम आकार 219dp रखें।

अतिरिक्त चौड़ी और सुपर-चौड़ी स्क्रीन

विभिन्न ऊंचाइयों वाली स्क्रीन पर ऐप ग्रिड की ऊर्ध्वाधर दूरी

छोटी स्क्रीन के लिए, ग्रिड सामग्री आइटमों के बीच और ऐप आइकन और शीर्षकों के बीच ऊर्ध्वाधर रिक्ति को कम किया जाना चाहिए।

शैलियों

टाइपोग्राफी

टाइप शैली टाइपफ़ेस वज़न आकार (डेप्थ डिग्री)
शरीर 1 रोबोटो नियमित 32
शरीर 2 रोबोटो नियमित 28
शरीर 3 रोबोटो नियमित 24

रंग

तत्व रंग (दिन मोड) रंग (नाइट मोड)
प्राथमिक प्रकार / आइकन सफ़ेद सफेद @ 88%
द्वितीयक प्रकार / आइकन श्वेत @ 72% सफेद @ 60%
विभाजक रेखा सफेद @ 22% सफेद @ 12%
ग्रिड पृष्ठभूमि काला काला
सामग्री स्क्रिम लागू नहीं काला @ 22%
ग्रेडिएंट ट्रंकेट टेक्स्ट स्पेस के 10% हिस्से में 0-100% तक काला रंग। टेक्स्ट स्पेस के 10% हिस्से में 0-100% तक काला रंग।

आकार

तत्व आकार (डेप्थ डिग्री)
ऐप आइकन 76
मिन ऐप सेल 135
न्यूनतम सामग्री सेल 158

ऊंचाई

तत्व रंग वाई अक्ष कलंक
ग्रिड टाइल काला @ 22% 2 2

उदाहरण

ऐप ग्रिड - दिन
ऐप ग्रिड - रात
सामग्री ग्रिड - दिन
सामग्री ग्रिड - रात्रि
उपयोगकर्ता सामग्री को स्क्रॉल करने के लिए ऊपर या नीचे की ओर खींचता है।