Android
9-पैच छवियाँ
खोज…
टिप्पणियों
9-पैच छवि फ़ाइल एक विशेष रूप से स्वरूपित फ़ाइल है ताकि Android को पता चल सके कि छवि के किन क्षेत्रों / भागों को बढ़ाया जा सकता है या नहीं। यह आपकी छवि को 3x3 ग्रिड में तोड़ देता है। कोनों पर अंकुश रहता है, पक्षों को एक दिशा में बढ़ाया जाता है और केंद्र को दोनों आयामों में स्केल किया जाता है।
नौ पैच (9-पैच) छवि एक बिटमैप है जिसमें संपूर्ण छवि के चारों ओर एक एकल पिक्सेल चौड़ी सीमा होती है। छवि के कोनों में 4 पिक्सल को अनदेखा करना। यह सीमा बिटमैप के लिए मेटाडेटा प्रदान करती है। सीमाएं ठोस काली रेखा (ओं) द्वारा चिह्नित हैं।
एक नौ पैच छवि को एक्सटेंशन के साथ संग्रहीत किया जाता है .9.png
शीर्ष सीमा क्षैतिज रूप से फैलने वाले क्षेत्रों को इंगित करती है। बाईं सीमा उन क्षेत्रों को इंगित करती है जो लंबवत रूप से खिंचाव करते हैं।
नीचे की सीमा क्षैतिज रूप से पैडिंग इंगित करती है। सही सीमा लंबवत रूप से गद्दी को इंगित करती है।
पैडिंग बॉर्डर्स का उपयोग आमतौर पर यह निर्धारित करने के लिए किया जाता है कि टेक्स्ट को कहाँ खींचना है।
Google द्वारा प्रदान किया गया एक उत्कृष्ट उपकरण है जो इन फ़ाइलों के निर्माण को बहुत सरल करता है।
Android SDK में स्थित: android-sdk\tools\lib\draw9patch.jar
बुनियादी गोल कोनों
सही ढंग से स्ट्रेचिंग की कुंजी शीर्ष और बाईं सीमा में है।
शीर्ष सीमा क्षैतिज स्ट्रेचिंग को नियंत्रित करती है और बाईं सीमा ऊर्ध्वाधर स्ट्रेचिंग को नियंत्रित करती है।
यह उदाहरण एक टोस्ट के लिए उपयुक्त गोल कोनों का निर्माण करता है।
छवि के हिस्से जो शीर्ष सीमा से नीचे हैं और बाईं सीमा के दाईं ओर सभी अप्रयुक्त स्थान को भरने के लिए विस्तारित होंगे।
जैसा कि नीचे दिखाया गया है, यह उदाहरण आकार के सभी संयोजनों तक खिंच जाएगा:
बुनियादी स्पिनर
Spinner को नौ पैच का उपयोग करके अपनी खुद की शैली की आवश्यकताओं के अनुसार फिर से तैयार किया जा सकता है।
एक उदाहरण के रूप में, यह नौ पैच देखें:
जैसा कि आप देख सकते हैं, इसमें स्ट्रेचिंग के 3 बेहद छोटे क्षेत्र हैं।
शीर्ष सीमा केवल चिह्नित चिह्न से बची है। यह दर्शाता है कि मैं Spinner दृश्य को आइकन तक पहुंचने के लिए ड्रॉ के बाईं ओर (पूरी पारदर्शिता) चाहता हूं।
बाईं सीमा पर चिह्नित चिह्न के ऊपर और नीचे पारदर्शी खंडों को चिह्नित किया गया है। यह दर्शाता है कि Spinner दृश्य के आकार में ऊपर और नीचे दोनों का विस्तार होगा। यह आइकन को स्वयं लंबवत केंद्रित करेगा।
नौ पैच मेटाडेटा के बिना छवि का उपयोग करना:
नौ पैच मेटाडेटा के साथ छवि का उपयोग करना:
वैकल्पिक पैडिंग लाइनें
नौ-पैच छवियां छवि में पैडिंग लाइनों की वैकल्पिक परिभाषा की अनुमति देती हैं। पैडिंग लाइनें दाईं ओर और सबसे नीचे की लाइनें हैं।
यदि कोई दृश्य 9-पैच छवि को अपनी पृष्ठभूमि के रूप में सेट करता है, तो दृश्य की सामग्री (जैसे एक EditText में पाठ इनपुट) के लिए स्थान को परिभाषित करने के लिए पैडिंग लाइनों का उपयोग किया जाता है। यदि पैडिंग लाइनों को परिभाषित नहीं किया जाता है, तो इसके बजाय बाईं और शीर्ष रेखाओं का उपयोग किया जाता है।
स्ट्रेच की गई इमेज का कंटेंट एरिया इस तरह दिखता है:
