सूची वाले व्यू के आइकॉन, डायलॉग आइकॉन की तरह ही दिखते हैं. हालांकि, इनमें इनर शैडो इफ़ेक्ट का इस्तेमाल किया जाता है. इसमें रोशनी का सोर्स ऑब्जेक्ट के ऊपर होता है. इन्हें सिर्फ़ ListView
में इस्तेमाल करने के लिए डिज़ाइन किया गया है. उदाहरण के लिए, सेटिंग ऐप्लिकेशन.
डेंसिटी के हिसाब से आइकॉन सेट उपलब्ध कराना लेख में बताए गए तरीके के मुताबिक, आपको कम, सामान्य, और ज़्यादा डेंसिटी वाली स्क्रीन के लिए अलग-अलग आइकॉन सेट बनाने चाहिए. इससे यह पक्का होता है कि आपके ऐप्लिकेशन को इंस्टॉल करने वाले सभी डिवाइसों पर, आपके आइकॉन सही तरीके से दिखेंगे. हर डेंसिटी के लिए, सुझाए गए आइकॉन के साइज़ की सूची देखने के लिए, पहली टेबल देखें. एक से ज़्यादा आइकॉन सेट के साथ काम करने के सुझाव पाने के लिए, डिज़ाइनर के लिए सलाह भी देखें.
पहली टेबल. इस इमेज में, सूची के तौर पर दिखने वाले आइटम के आइकॉन के डाइमेंशन की खास जानकारी दी गई है. यह जानकारी, सामान्य तौर पर इस्तेमाल होने वाली तीन तरह की स्क्रीन डेंसिटी के लिए है.
ldpi (120 dpi)(Low density screen) |
mdpi (160 dpi)(मीडियम डेंसिटी वाली स्क्रीन) |
hdpi (240 dpi)(High density screen) |
xhdpi (320 dpi)(Extra-high density screen) |
|
---|---|---|---|---|
सूची वाले व्यू के आइकॉन का साइज़ | 24 x 24 पिक्सल | 32 x 32 पिक्सल | 48 x 48 पिक्सल | 64 x 64 पिक्सल |
फ़ाइनल आर्ट को पारदर्शी PNG फ़ाइल के तौर पर एक्सपोर्ट किया जाना चाहिए. बैकग्राउंड का रंग शामिल न करें.
Adobe Photoshop में आइकॉन बनाने के लिए टेंप्लेट, आइकॉन टेंप्लेट पैक में उपलब्ध हैं.
Android के सभी वर्शन
यहां दिए गए दिशा-निर्देशों में, Android प्लैटफ़ॉर्म के सभी वर्शन के लिए, सूची वाले व्यू के आइकॉन डिज़ाइन करने का तरीका बताया गया है.
संरचना
- सूची वाले व्यू के आइकॉन में आम तौर पर 1 पिक्सल का सेफ़फ़्रेम होता है. हालांकि, गोल आकार के एंटी-एलियास के किनारे के लिए सेफ़फ़्रेम एरिया का इस्तेमाल किया जा सकता है.
- यहां दिए गए सभी डाइमेंशन, Photoshop में 32x32 पिक्सल के आर्टबोर्ड साइज़ पर आधारित हैं. टेंप्लेट में बाउंडिंग बॉक्स के चारों ओर एक पिक्सल की पैडिंग रखें.
![]() |
पहली इमेज. लिस्ट व्यू के आइकॉन के लिए सेफ़फ़्रेम और फ़िल ग्रेडिएंट. आइकॉन का साइज़ 32x32 है. |
रोशनी, इफ़ेक्ट, और शैडो
सूची वाले व्यू के आइकॉन फ़्लैट होते हैं और इन्हें सामने से दिखाया जाता है. साथ ही, इनमें अंदर की ओर शैडो होती है. इन्हें हल्के ग्रेडिएंट और अंदर की ओर शैडो की मदद से बनाया गया है. इसलिए, ये गहरे रंग के बैकग्राउंड पर अच्छी तरह से दिखते हैं.
![]() |
दूसरी इमेज. सूची वाले व्यू के आइकॉन के लिए लाइट, इफ़ेक्ट, और शैडो.
|
चरण-दर-चरण
|