एडोब फोटोशॉप के लिए स्क्रिप्ट का उपयोग करके एंड्रॉइड एप्लिकेशन के लिए स्वचालित रूप से संसाधन उत्पन्न करें

प्रस्तावना

एंड्रॉइड के लिए विकसित करते समय, जैसा कि आप जानते हैं, आपको सभी संभावित पिक्सेल घनत्वों के लिए संसाधन बनाने के लिए निर्धारित करने की आवश्यकता है। प्रारंभ में, केवल तीन ऐसे घनत्व थे: ldpi , mdpi और hdpi । हालाँकि, प्रगति अभी भी स्थिर नहीं है: स्क्रीन के पिक्सेल घनत्व पागल मानों के लिए बढ़ रहे हैं, जबकि Google चुपचाप "x" अक्षर पर नज़र रखता है और xxxhdpi को मिला है, जिसके परिणामस्वरूप छह मुख्य स्क्रीन कॉन्फ़िगरेशन हैं। इसका मतलब है कि यदि आप नियमों से खेलते हैं, तो आपको प्रति आइकन आधा दर्जन संसाधनों को बचाने की आवश्यकता है। लेकिन यह सब नहीं है, क्योंकि कुछ संसाधनों में कई अलग-अलग राज्य हैं। एक्शन बार के बटनों में दो अवस्थाएँ होती हैं, और यह अभी भी जहाँ भी जाती है, लेकिन साधारण बटन बहुत अधिक होते हैं।

कई समाधान हैं: आप कलाकार को यातना दे सकते हैं, आप कई घनत्वों के समर्थन पर थूक सकते हैं और आशा करते हैं कि सिस्टम उन्हें किसी भी तरह से स्केल करेगा, या आप प्रोग्रामर का लाभ उठा सकते हैं जो सबसे अधिक करना चाहते हैं: स्वचालन। ऐसे विभिन्न उपकरण हैं जिनके द्वारा इस व्यवसाय को चलाया जा सकता है। सबसे उन्नत शायद एंड्रॉइड एसेट स्टूडियो है । यह एक बहुत ही समझदार उपकरण है, लेकिन, निश्चित रूप से, आइकन केवल मानक मामलों के लिए वहां खींचे जाते हैं, और यदि आपको अपनी अनूठी शैलियों के साथ बटन बनाने की आवश्यकता है, तो वह हमारे लिए यहां कोई मदद नहीं है। और यहाँ कुख्यात उपकरण में स्क्रिप्ट समर्थन हमें मदद करेगा: Adobe Photoshop। पूरी प्रक्रिया को सरल बनाने के लिए, आपके विनम्र सेवक ने खुद के लिए एक समान मामले के लिए कई उपकरण लिखे और अब उन्हें पाठकों के साथ साझा करता है। उनका उपयोग कैसे करें, और वे कैसे काम करते हैं, मैं आगे वर्णन करूंगा। सभी स्रोत BitBucket पर हैं, और यहां मैं आपको मुख्य बिंदु बताऊंगा और फ़ोटोशॉप स्क्रिप्ट के साथ काम करने के कुछ गुर दिखाऊंगा जो शुरुआती लोगों के लिए स्पष्ट नहीं हो सकता है। बस के मामले में, मैं ध्यान दें कि मैंने उन्हें फ़ोटोशॉप CS6 के लिए लिखा था।

स्क्रिप्ट और ऑपरेटिंग सिद्धांतों का उपयोग करना

इससे पहले कि आप स्क्रिप्ट के बारे में बात करें, आपको पूर्ववर्ती के लेख का लिंक देना चाहिए, जो फोटोशॉप के लिए स्क्रिप्ट लिखने की सामान्य प्रक्रिया की व्याख्या करता है। संक्षेप में, इसके लिए मानक उपकरण एक्स्टेंडस्क्रिप्ट टूलकिट है, जिसे ग्राफिक्स संपादक के साथ ही वितरित किया जाता है। मुझे इस बात पर दुखी होना चाहिए कि मैं उपरोक्त लेख के लेखक से बिल्कुल सहमत हूं कि संपादक वास्तव में काफी बेवकूफ है। लेकिन यह क्या है, यह है। आप सीधे स्क्रिप्ट लिख सकते हैं, बेशक, और इसमें नहीं, लेकिन आपको डीबगिंग के लिए इसके साथ दोस्त बनाना होगा। फ़ोटोशॉप में निर्मित फ़ंक्शंस पर F1 बटन और डॉक्यूमेंटेशन पर है, जो कि एडिटर की ही तरह असुविधाजनक है, लेकिन कम से कम इसका मुख्य कार्य करता है। स्क्रिप्ट स्वयं विभिन्न भाषाओं में लिखी जा सकती हैं, और मैंने स्वयं जावास्क्रिप्ट का उपयोग किया है।

सभी घनत्व के लिए एक आइकन बनाना

हमारी भेड़ों की ओर लौटते हुए, संसाधनों के साथ काम करने के लिए सभी लिखित लिपियों को दो भागों में विभाजित किया जा सकता है: उनमें से कुछ सीधे आवश्यक कार्यों के निष्पादन को शुरू करते हैं (वे सभी "मेक" शब्द से शुरू होते हैं, जबकि अन्य कार्यों के साथ पुस्तकालयों की भूमिका निभाते हैं। सबसे महत्वपूर्ण और सार्वभौमिक उपकरण MakeForAllDensities है , जो नाम का अर्थ है जो करता है: एक दस्तावेज़ से सभी घनत्वों के लिए संसाधन बनाता है। दस्तावेज़ के लिए कुछ आवश्यकताएँ हैं:

1. दस्तावेज़ को mdpi के पिक्सेल घनत्व के लिए बनाया जाना चाहिए। इसे आधार के रूप में लिया जाता है और फिर वांछित आकार में स्केल किया जाता है।
2. दस्तावेज़ को पहले से ही कहीं सहेजा जाना चाहिए ताकि स्क्रिप्ट फ़ाइल नाम को सही ढंग से पढ़े (और यह भी निर्धारित करता है कि क्या यह नौ-पैच है , उपसर्ग ".9" का उपयोग करके)। एंड्रॉइड प्रोजेक्ट के रूट फ़ोल्डर के एक सबफ़ोल्डर में सहेजना सबसे अच्छा है, फिर स्क्रिप्ट को रिस फ़ोल्डर खुद ही मिल जाएगा।
3. अतिरिक्त आवश्यकता: यदि यह नौ-पैच है, तो लाइनों को एक अलग परत पर खींचा जाना चाहिए, सबसे कम।
4. खैर, और, ज़ाहिर है, छवि वेक्टर होना चाहिए, रेखापुंज नहीं, अन्यथा फ़ोटोशॉप का उपयोग करके इसे स्केल करने में बहुत कम बिंदु है, न कि एंड्रॉइड। एक अपवाद है: यह नौ-पैच लाइनों पर लागू नहीं होता है, और वे रेखापुंज भी हो सकते हैं।

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

स्क्रिप्ट अपने आप में बहुत सरल लगती है:

//@include ResizingAndSaving.jsx #target photoshop var outputFolder = detectFolder(); if (outputFolder) saveForAllDensities(outputFolder, 0, ""); 

विशिष्ट जावास्क्रिप्ट, अजीब पहली दो लाइनों के अपवाद के साथ। पहली अजीब रेखा एक नियमित टिप्पणी के समान है, जो वास्तव में एक टिप्पणी नहीं है, लेकिन हमारे द्वारा आवश्यक कार्यों के साथ एक और फ़ाइल का आयात। यह नंबर एक चाल है , क्योंकि मानक जावास्क्रिप्ट में ऐसी चिप रोल नहीं करती है। दूसरी अजीब रेखा, जैसा कि आप आसानी से अनुमान लगा सकते हैं, सुझाव देता है कि स्क्रिप्ट को फ़ोटोशॉप में चलना चाहिए। बाकी लाइनें क्या करती हैं, ResizingAndSaving.jsx हमारे लिए खुल जाएगा।

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

 function saveForAllDensities(outputFolder, version, postfix, ninePatchLines) { if (!ninePatchLines) ninePatchLines = computeNinePatchLines(); var versionStr = version ? "-v" + version : ""; saveInFolder(outputFolder, "drawable-mdpi" + versionStr, 100, postfix, ninePatchLines); saveInFolder(outputFolder, "drawable-hdpi" + versionStr, 150, postfix, ninePatchLines); saveInFolder(outputFolder, "drawable-xhdpi" + versionStr, 200, postfix, ninePatchLines); saveInFolder(outputFolder, "drawable-xxhdpi" + versionStr, 300, postfix, ninePatchLines); saveInFolder(outputFolder, "drawable-xxxhdpi" + versionStr, 400, postfix, ninePatchLines); } 

मैं पहले से ही इस सवाल का जवाब देता हूं कि अगर किसी के पास था: ldpi यहां नहीं है, क्योंकि Google इसके लिए विशेष रूप से संसाधन बनाने की अनुशंसा नहीं करता है । जैसा कि पहले उल्लेख किया गया है, फ़ाइल नौ-पैच हो सकती है, जो फ़ाइल को संपादित करने के संदर्भ में इसका मतलब है कि इसमें किनारों पर काली रेखाओं के साथ एक अलग परत है। और इन पंक्तियों को केवल लिया और बढ़ाया नहीं जा सकता है: पिक्सल को पूरी तरह से काला करना आवश्यक है, या बिल्कुल भी पेंट नहीं करना है, और आप पड़ोसी पिक्सल पर नहीं चढ़ सकते। इसके अलावा, यह ध्यान में रखना होगा कि लाइनें ठोस नहीं हो सकती हैं। यह वह जगह है जहाँ computeNinePatchLines फ़ंक्शन computeNinePatchLines में आता है।

 function computeNinePatchLines() { var docName = getDocName(false); if (!isNinePatch(docName)) return null; var ninePatchLines = null; var doc = app.activeDocument; var areaCheckingFunctions = [ function(pos) {return areaIsEmpty(doc, pos, 0);}, function(pos) {return areaIsEmpty(doc, 0, pos);}, function(pos) {return areaIsEmpty(doc, pos, doc.height - 1);}, function(pos) {return areaIsEmpty(doc, doc.width - 1, pos);} ]; maxPositions = [doc.width, doc.height, doc.width, doc.height]; ninePatchLines = new Array(); for (var pos = 0; pos < areaCheckingFunctions.length; pos++) { ninePatchLines.push(findLines(maxPositions[pos], areaCheckingFunctions[pos])); } return ninePatchLines; } 

इस फ़ंक्शन का मुख्य बिंदु तस्वीर के प्रत्येक पक्ष के साथ चलना है और यह जांचना है कि काली लाइनें वहां छिपी हुई हैं। वे पाए जाने के बाद, आप पहले से ही किसी भी चाल के बिना वांछित गुणांक द्वारा उनकी लंबाई गुणा कर सकते हैं और फिर वांछित क्षेत्र पर पेंट कर सकते हैं। यह दिलचस्प होगा क्षेत्र में देखने के लिए areaIsEmpty समारोह:

 function areaIsEmpty(doc, x, y) { var state = getState(); if (doc.colorSamplers.length == 0) { var colorSampler = doc.colorSamplers.add([x,y]); } else { var colorSampler = doc.colorSamplers[0]; colorSampler.move([x, y]); } var areaEmpty; try { areaEmpty = colorSampler.color.rgb.hexValue !== "000000"; } catch (e) { areaEmpty = true; } restoreState(state); return areaEmpty; } 

यह फ़ंक्शन यह जांचने के लिए डिज़ाइन किया गया है कि कोई पिक्सेल ब्लैक आउट किया गया है या नहीं। केवल यहाँ तथ्य यह है कि फ़ोटोशॉप में, जैसा कि यह निकला, मानक एपीआई का उपयोग करके यह जांचना संभव नहीं है कि एक निश्चित पिक्सेल खाली है, न कि केवल इसके रंग का पता लगाने के लिए। इसलिए, आपको उस पर एक रंग नमूना लगाना होगा और यह देखना होगा कि रंग की जाँच करते समय यह अपवाद फेंकता है या नहीं। यदि जारी किया गया है, तो पिक्सेल खाली है। यदि नहीं, तो आप इसका रंग देख सकते हैं। यह ट्रिक नंबर दो है । findLines फ़ंक्शन, जो मैं यहां areaIsEmpty नहीं करता हूं, बस स्क्रीन की चार सीमाओं में से एक के साथ सभी पिक्सेल के लिए एक पंक्ति में areaIsEmpty लागू areaIsEmpty है और अपनी स्थिति लिखता है।

फिर आप संसाधनों को स्केल कर सकते हैं और उन्हें एक फ़ोल्डर में सहेज सकते हैं।

 function saveInFolder(outputFolder, subFolder, scaling, postfix, ninePatchLines) { var opts = new ExportOptionsSaveForWeb(); opts.format = SaveDocumentType.PNG; opts.PNG8 = false; opts.transparency = true; opts.quality = 100; var state = getState(); if (ninePatchLines) { var doc = app.activeDocument; doc.resizeCanvas(doc.width - 2, doc.height - 2); resize(scaling, true); doc.resizeCanvas(doc.width + 2, doc.height + 2); drawLines(doc, scaling / 100, ninePatchLines); } else { resize(scaling, true); } activeDocument.exportDocument(createFile(outputFolder, subFolder, postfix, ".png", false), ExportType.SAVEFORWEB, opts); restoreState(state); } 

यहां सब कुछ, सिद्धांत रूप में, स्पष्ट है, लेकिन यहां चित्र को सीधे आकार में कैसे बदलना है, एक अलग स्पष्टीकरण के हकदार हैं। ऐसा लगता है कि एक फ़ंक्शन Document.resizeImage , और आपको बस इसे कॉल करने की आवश्यकता है, है ना? लेकिन इससे कुछ नहीं होगा: परत शैलियों को एक ही समय में छोटा नहीं किया जाता है। आप एक क्रिया रिकॉर्ड कर सकते हैं और फिर इसे प्रोग्रामेटिक रूप से खेल सकते हैं। यह विकल्प काम करता है, लेकिन इसमें बुरा यह है कि फिर आपको इन कार्यों के एक पुस्तकालय को स्क्रिप्ट में संलग्न करना होगा, जिसे आपको लॉन्च करने से पहले आयात करना होगा, जो किसी तरह बहुत सुविधाजनक नहीं है।

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

 function resize(size, relative) { var idImgS = charIDToTypeID( "ImgS" ); var desc = new ActionDescriptor(); var idWdth = charIDToTypeID( "Wdth" ); var idPxl = charIDToTypeID( relative ? "#Prc" : "#Pxl" ); desc.putUnitDouble( idWdth, idPxl, size ); var idscaleStyles = stringIDToTypeID( "scaleStyles" ); desc.putBoolean( idscaleStyles, true ); var idCnsP = charIDToTypeID( "CnsP" ); desc.putBoolean( idCnsP, true ); var idIntr = charIDToTypeID( "Intr" ); var idIntp = charIDToTypeID( "Intp" ); var idbicubicSharper = stringIDToTypeID( "bicubicAutomatic" ); desc.putEnumerated( idIntr, idIntp, idbicubicSharper ); executeAction( idImgS, desc, DialogModes.NO ); } 

यह चाल संख्या तीन थी । वांछित छवि आकार प्राप्त होने के बाद, स्क्रिप्ट आरेखित होती है, यदि आवश्यक हो, तो नौ-पैच लाइनें, और नए बने संसाधन को आवश्यक फ़ोल्डर में भेजा जाता है।

एक्शन बार आइकन बनाना

MakeForAllDensities के अलावा, चार और MakeActionBarIcons स्क्रिप्ट हैं जो एक्शन बार के लिए आइकन बनाती हैं: ब्लैक एंड व्हाइट थीम के लिए, डिस्कनेक्ट और नॉन-डिस्कनेक्टेड। वे MakeForAllDensities के समान उपयोग किए जाते हैं, सिवाय इसके कि अब दस्तावेज़ में केवल एक परत होनी चाहिए। इस परत में केवल आइकन के आकार का निरीक्षण करना महत्वपूर्ण है, और स्क्रिप्ट शैलियों को स्वयं लागू करेगी।

अब कठिनाई यह है कि Google को अपने राज्य के आधार पर आइकन के लिए कुछ शैली की आवश्यकताएं हैं । यदि आइकन केवल एक राज्य में मौजूद है, तो सब कुछ सरल है, लेकिन अगर आपको इसे बंद करने की आवश्यकता है, तो आपको यह पता लगाने की आवश्यकता है कि परतों की उपस्थिति को प्रोग्रामेटिक रूप से कैसे संशोधित किया जाए। एक्शन बार पर आइकन के लिए, हमें यह जानना होगा कि परत और उसके रंग की पारदर्शिता कैसे बदलें। पहले के साथ कोई समस्या नहीं है, लेकिन बाद के संबंध में, मानक एपीआई फिर से सुस्त देता है। इसका मतलब है कि आपको फिर से ScriptListener.8li को सहेजना होगा। अपने आवेदन के परिणामस्वरूप, स्टाइल्स फ़ाइल में एक फ़ंक्शन दिखाई दिया है जो हमें वेक्टर लेयर के रंग को बदलने में मदद करेगा: setLayerColor । वह जिबरिश, जो फंक्शन की बॉडी में है, मैं, शायद, छोड़ दूंगा।

सिद्धांत रूप में, उपरोक्त के अलावा एक्शन बार आइकन के लिए कुछ भी आवश्यक नहीं है। लेकिन जो लोग पहले से ही स्टाइल्स फ़ाइल को देख चुके हैं, उन्होंने देखा कि ScriptListener.8li का उपयोग करके कई और फ़ंक्शंस प्राप्त हुए हैं जो लेयर इफेक्ट्स में फेरबदल कर सकते हैं। वे मेरे अपने आइकनों के लिए लिखे गए थे, जिनके निर्माण के लिए लिपियों को अब मैं रिपॉजिटरी में नहीं जोड़ता। इस कारण से, मौजूदा कार्य, निश्चित रूप से, किसी के लिए पर्याप्त नहीं हो सकते हैं, और आपको अपना खुद का बनाने की आवश्यकता होगी। फिर से, आप या तो क्रियाएं रिकॉर्ड कर सकते हैं या स्टाइल बना सकते हैं और उन्हें प्रोग्रामेटिक रूप से लागू कर सकते हैं। लेकिन यह असुविधाजनक है, इसलिए फ़ंक्शंस के साथ फिर से प्राप्त करना बेहतर है, क्योंकि हमने पहले से ही ScriptListener.8 के लाभ में महारत हासिल कर ली है। और यहां एक और रोड़ा है: यदि आप एक विशिष्ट परत प्रभाव जोड़ने के लिए एक स्क्रिप्ट लिखते हैं और इसे एक फ़ंक्शन में रखते हैं, तो जब इसे लागू किया जाता है, तो पहले से ही स्थापित प्रभाव गायब हो जाएंगे। ट्रिक नंबर चार यहाँ काम आता है। यदि आप उस बकवास की शुरुआत पर ध्यान देते हैं जो ScriptListener.8li प्रभाव के प्रत्येक अनुप्रयोग के लिए देता है, तो हर जगह निम्नलिखित के समान रेखाएं होंगी:

 var idsetd = charIDToTypeID( "setd" ); var desc = new ActionDescriptor(); var idnull = charIDToTypeID( "null" ); var ref = new ActionReference(); var idPrpr = charIDToTypeID( "Prpr" ); var idLefx = charIDToTypeID( "Lefx" ); ref.putProperty( idPrpr, idLefx ); var idLyr = charIDToTypeID( "Lyr " ); var idOrdn = charIDToTypeID( "Ordn" ); var idTrgt = charIDToTypeID( "Trgt" ); ref.putEnumerated( idLyr, idOrdn, idTrgt ); desc.putReference( idnull, ref ); var idT = charIDToTypeID( "T " ); var desc2 = new ActionDescriptor(); var idScl = charIDToTypeID( "Scl " ); var idPrc = charIDToTypeID( "#Prc" ); desc2.putUnitDouble( idScl, idPrc, 100.000000 ); 

और स्क्रिप्ट के अंत में, सब कुछ इस कॉर्ड के साथ समाप्त होता है:

 var idLefx = charIDToTypeID( "Lefx" ); desc.putObject( idT, idLefx, desc2 ); executeAction( idsetd, desc, DialogModes.NO ); 

ऊपर के कोड के पहले भाग से अंतिम चार पंक्तियाँ, जो desc2 और शैली के लिए पैमाना निर्धारित करती हैं, परत शैली को स्वयं बनाने के लिए ज़िम्मेदार हैं। बाकी सब सिर्फ शैली का उपयोग है। अब जब हम जानते हैं कि वे क्या लाइनें कर रहे हैं, तो हम नसों को मांस से अलग कर सकते हैं और कोड के बहुत हिस्से को अलग कर सकते हैं जो सीधे प्रभाव को लागू करता है। डुप्लीकेट सेक्शन को स्टाइल्स में अलग-अलग फंक्शंस में स्टाइल किया जाता है, जो एक समान तरीके से लागू होते हैं:

 var style = newStyle(); //   addColorOverlay(style, 0xFF, 0xFF, 0xFF, 100); //  addStroke(style, 0x00, 0x00, 0x00, 3); //    applyStyle(style); //, ,    

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

 if (makeStateful) { var selectorData = [ { state_enabled: false, postfix: "disabled" }, { postfix: "normal" } ]; makeSelectorXml(selectorData, outputFolder, "drawable"); } var styleFunctions = [function(style) {applyActionBarItemStyle(whiteTheme, false)}]; var postfixes = ["normal"]; if (makeStateful) { styleFunctions.unshift(function(style) {applyActionBarItemStyle(whiteTheme, true)}); postfixes.unshift("disabled"); } saveStyledDrawables(outputFolder, styleFunctions, postfixes); 

फ़ंक्शन का पहला भाग हमारे संसाधन के लिए एक चयनकर्ता बनाता है। Android में हाल ही में प्रकाशित लेख बटन गोपनीयता में चयनकर्ताओं का वर्णन किया गया था। हमारे मामले में, कार्रवाई पट्टी के लिए दो राज्य बनाए जाते हैं: जब बटन बंद होता है, और जब यह सामान्य स्थिति में होता है। तदनुसार, राज्यों का वर्णन करने वाली वस्तुओं की एक सरणी makeSelectorXml फ़ंक्शन को पास की makeSelectorXml है। ऑब्जेक्ट्स में postfix फ़ील्ड होता है और, यदि आवश्यक हो, तो एक या एक से अधिक फ़ील्ड "State_" से शुरू होते हैं। उसके बाद, makeSelectorXml इस चमत्कार से एक XML चयनकर्ता फ़ाइल बनाता है, makeSelectorXml फ़ोल्डर में भेजा जाता है।

फ़ंक्शन का दूसरा भाग दो सरणियों का निर्माण करता है: एक में फ़ंक्शंस होते हैं जो दिए गए राज्य के लिए शैलियों को लागू करते हैं, और दूसरे सरणी में राज्यों के अनुरूप पोस्टफ़िक्स होते हैं। शैलियों को लागू करने के लिए प्रत्येक कार्य अपने पूर्ण निपटान style तर्क पर हो जाता है। यह वही वस्तु है जो न्यूसटाइल से बाहर निकलती है, जिसे हमने बहुत पहले नहीं लड़ा था। applyStyle इन कार्यों में applyStyle को कॉल करने की आवश्यकता नहीं है, saveStyledDrawables फ़ंक्शन saveStyledDrawables ध्यान रखेगा। फ़ंक्शंस makeSelectorXml और saveStyledDrawables नहीं दिए जाने चाहिए, मुझे लगता है, क्योंकि सबसे साधारण, उबाऊ जावास्क्रिप्ट है।

निष्कर्ष

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

मुझे उम्मीद है कि लेख उन दोनों के लिए उपयोगी था जो एंड्रॉइड पर एप्लिकेशन बनाने में लगे हुए हैं, और उन लोगों के लिए जो फ़ोटोशॉप के लिए स्क्रिप्ट लिखना चाहते हैं।

उपयोगी लिंक

• BitBucket प्रोजेक्ट पेज वास्तव में, लेख किस बारे में है।
• Android आइकनोग्राफी - आधिकारिक आइकन आवश्यकताओं। मुझे लगता है कि हर कोई उन्हें पहले ही पढ़ चुका है, लेकिन अगर किसी ने अचानक इसे नहीं पढ़ा है, तो मैं आपको तुरंत इसे ठीक करने की सलाह देता हूं।
• हम फ़ोटोशॉप और एक्सटेंडस्क्रिप्ट टूलकिट का उपयोग करके छवियों को संसाधित करते हैं - फ़ोटोशॉप के लिए स्क्रिप्ट बनाने की मूल बातें, लेख के अंत में उपयोगी लिंक भी हैं।
• एंड्रॉइड नौ-पैच - खिंचाव एंड्रॉइड - नौ-पैच क्या है और इसकी आवश्यकता क्यों है के बारे में।
• Android में बटन का राज। भाग 1: लेआउट की मूल बातें - यदि कोई व्यक्ति बटन और अन्य एंड्रॉइड इंटरफ़ेस तत्वों को बनाने की सभी जटिलताओं को नहीं जानता है, जिसमें अलग-अलग राज्य हैं, तो यह आलेख वह है जो आपको चाहिए।