एंड्रॉइड नौ-पैच - खिंचाव एंड्रॉइड

एंड्रॉइड ओएस के लिए यूआई विजेट और कुछ एप्लिकेशन ब्लॉक बनाने की अनुशंसाओं को हमें गोल कोनों और / या वॉल्यूम, कास्टिंग छाया के प्रभाव के साथ ब्लॉक का उपयोग करने की आवश्यकता होती है। इस तरह के इंटरफेस को लागू करने के लिए एसडीके हमें क्या उपकरण देता है?

ब्लॉक के किनारों और किनारों की अतिरिक्त सजावट के बिना सरल वेक्टर आकृतियों का वर्णन करते समय, आकार के आकृतियों का उपयोग करने की सिफारिश की जाती है। यदि ब्लॉक में कोनों पर या ब्लॉक के किनारों से जटिल ग्राफिक तत्व हैं, तो आप नौ-पैच छवियों का उपयोग कर सकते हैं, जिस पर इस लेख में चर्चा की जाएगी। जटिल ब्लॉक डिजाइन के मामले में, उदाहरण के लिए, एक एकल वस्तु के रूप में, यह केवल एक निश्चित छवि का उपयोग करने के लिए रहता है, जो पैमाने के पैमाने को कम करेगा और ब्लॉक के पहलू अनुपात को बदलने की अनुमति नहीं देगा।



तो वास्तव में 9-पथ क्या है? वास्तव में, यह एक नियमित छवि (.png) है, जिसमें 1-पिक्सेल किनारों में कुछ ओवरहेड जानकारी होती है जिसे एंड्रॉइड ग्राफिक्स सबसिस्टम व्याख्या कर सकता है।

इस सेवा की जानकारी को दो घटकों में विभाजित किया गया है: ब्लॉक की सही स्केलिंग की जानकारी और ब्लॉक में सामग्री प्लेसमेंट क्षेत्र के बारे में जानकारी। यदि पहला अनुपस्थित है, तो छवि को संपूर्णता में बढ़ाया जाएगा (आपको हमेशा क्षैतिज और ऊर्ध्वाधर स्केलिंग बैंड दोनों को निर्दिष्ट करना चाहिए, या दोनों नहीं), और दूसरा - सामग्री पूरी छवि क्षेत्र पर रखी जाएगी।



अब यह जानकारी कैसे सेट की जाती है। फ़्रेम के ऊपरी और बाएँ भाग स्केलेबल क्षेत्रों, दाएँ और नीचे - सामग्री प्रदर्शन क्षेत्र को परिभाषित करते हैं। इस मामले में, पारदर्शी पिक्सेल एक चिह्नित क्षेत्र, और काले (# 000000) को चिह्नित करते हैं। तस्वीर में अधिक जानकारी।







अब अपनी खुद की 9-पैच छवि बनाने की कोशिश करें। जैसा कि मैंने ऊपर लिखा था, यह जटिल कोणों और / या किनारों के साथ एक फ्रेम होना चाहिए, इसलिए मैंने इस तस्वीर को गुगला दिया:







इस सामान्य चित्र से 9-पैच बनाने के लिए, आप किसी भी ग्राफिक्स एडिटर का उपयोग कर सकते हैं जो * .png या एक विशेष ड्रॉ 9patch उपयोगिता का समर्थन करता है, जो संभवतः एंड्रॉइड एसडीके के इंस्टॉलेशन स्थान में आपके टूल फ़ोल्डर में निहित है। इस उपयोगिता का लाभ यह है कि स्केलिंग परिणाम और सामग्री प्लेसमेंट क्षेत्र नेत्रहीन संपादक विंडो में प्रदर्शित होते हैं। और उपयोगिता भी आपको केवल फ्रेम को संपादित करने की अनुमति देती है, गलती से छवि पर नहीं मारा जा सकता है।



एप्लिकेशन लॉन्च करें, हमारा फ्रेम खोलें (फ़ाइल> 9-पैच खोलें) और दोहराया क्षेत्रों और सामग्री प्लेसमेंट क्षेत्र को चिह्नित करें।







उपयोगिता के सही ब्लॉक में आप स्केलिंग का परिणाम देख सकते हैं।

अब आपको परिणामी छवि को एक्सटेंशन * .9.png के साथ सहेजना होगा। फिर प्रोजेक्ट में जोड़ें, / drawable / folder (यदि आप विभिन्न ldpi / mdpi / hdpi उपकरणों के लिए विभिन्न छवि विकल्पों के लिए प्रदान नहीं करते हैं) और इसे विभिन्न नियंत्रणों के लिए एक पृष्ठभूमि के रूप में उपयोग करें (.9 एक्सटेंशन के बिना)।



एंड्रॉइड ओएस में, नौ-पथ का उपयोग बटन, इनपुट फ़ील्ड, ड्रॉप-डाउन सूची, आदि की उपस्थिति निर्धारित करने के लिए किया जाता है। आप इन छवियों को फ़ोल्डर से ले जाकर अपने डिज़ाइन के लिए संशोधित कर सकते हैं: android_sdk \ platform \ android-8 \ data \ res \ drawable-hdpi।







संबंधित लिंक:

Android उपयोगकर्ता इंटरफ़ेस दिशानिर्देश

Android 2d ग्राफिक्स

Android में NinePatch स्ट्रेचेबल ग्राफिक्स के साथ काम करना

सार्वजनिक वर्ग android.graphics.NinePatch

9-पैच टूल ड्रा करें