मैक ओएस एक्स अनुप्रयोगों के लिए प्रतीक बनाना

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

IOS के तहत लिखने वालों को पता है कि न्यूनतम मामले में, सिम्युलेटर में एप्लिकेशन को प्रदर्शित करने के लिए, आपको पुराने और रेटिन डिस्प्ले के लिए केवल दो आइकन की आवश्यकता है (प्रकाशन का मामला जहां आपको इस लेख में अधिक आकारों की आवश्यकता है, हम इस पर विचार नहीं करेंगे)। उपयुक्त आकारों में मौजूदा आइकन केवल Xcode 4 में संबंधित प्लेसहोल्डर्स में खींचे जाते हैं। चौथे संस्करण से, आपको उन्हें विशेष रूप से साइन इन करने की भी आवश्यकता नहीं है - Xcode स्वचालित रूप से उन्हें icon.png और icon@2x.png के रूप में लिखता है। मैक ओएस एक्स के लिए अनुप्रयोगों के साथ, सब कुछ इतना सरल नहीं है, इसलिए चलो शुरू करें।

चरण 1 - आकार देना

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



यहां, इस तथ्य पर ध्यान दें कि यदि आपके आइकन में अधिक विवरण है, तो आपको आइकन को 32x32 और 16x16 आकारों के लिए अलग से फिर से प्रदर्शित करने की आवश्यकता हो सकती है ताकि इसे अधिक रूप से प्रदर्शित किया जा सके। इसके अलावा, रेटिना के आगमन के साथ, अब आपको आवेदन के लिए 10 आइकन जमा करने होंगे।

तो हम सभी की जरूरत है दस प्रतीक है। पुराने के लिए पांच और रेटिना डिस्प्ले के लिए पांच।



कृपया ध्यान दें कि प्रक्रिया को पूरा करने के लिए आपको सभी आइकन को सही ढंग से हस्ताक्षर करने की आवश्यकता है। रेटिन आइकन को अपने वास्तविक आकार के साथ हस्ताक्षरित नहीं किया जाना चाहिए, लेकिन मानक से दोगुना। उदाहरण के लिए, 1024x1024 के आकार वाले रेटिन आइकन को icon_512x512@2x.png के रूप में हस्ताक्षरित किया जाना चाहिए। यही है, रेटिन का नाम मानक वाले के साथ मेल खाता है और इसमें उपसर्ग @ 2x है ।



हैबरूसर ड्रेडिक ने आइकनों की त्रिज्या के बारे में जानकारी प्रदान की, जो रुचि रखने वालों के लिए उपयोगी हो सकती है, जिसके लिए उन्हें बहुत धन्यवाद!

1024x1024 = 160
512x512 = 80
144x144 = 23 (iPad रेटिना)
114x114 = 18 (iPhone / iPod टच (रेटिना))
72x72 = 11 (iPad)
57x57 = 9 (iPhone / iPod टच)

स्टेज 2 - हम बंडल इकट्ठा करते हैं।

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



इसके बाद, तैयार किए गए आइकन को इस नए बनाए गए बंडल में खींचें। यदि, खींचने और छोड़ने के बाद, आप इस बंडल पर क्लिक करते हैं और स्पेस बार दबाते हैं, तो आपको यह देखना चाहिए कि फाइंडर पहले से ही इसे बंडल के रूप में देखता है न कि फ़ोल्डर के रूप में। स्लाइडर को नीचे ले जाकर, आप फ़ोल्डर के सभी संस्करणों को देख सकते हैं।

अगला, हमें इस बंडल को एक प्रारूप में बदलने की आवश्यकता है जिसमें Xcode इसका उपयोग कर सकता है। Iconutil उपयोगिता हमें इसमें मदद करेगी। टर्मिनल खोलें और उस निर्देशिका पर जाएं जहां हमारा बंडल स्थित है, डेस्कटॉप पर हमारे मामले में, और टर्मिनल में निम्नलिखित दर्ज करें:

iconutil -c icns icon.iconset

इस प्रक्रिया के बाद, icon.icns फ़ाइल जो हमें चाहिए उसी निर्देशिका में दिखाई देती है। कृपया ध्यान दें कि प्रक्रिया तभी सफल होगी जब आइकन की संख्या सही थी और उन्हें सही तरीके से हस्ताक्षरित किया गया था, अन्यथा आपको चेतावनी मिलेगी।

अंतिम चरण। Xcode पर जाएं, प्रोजेक्ट कार्यक्षेत्र खोलें और प्रोजेक्ट -> लक्ष्य -> ​​सारांश पर जाएं। इस टैब पर, आइकन का क्षेत्र ऊपर से दिखाई देता है। हम अपने नए बनाए गए।
एक अच्छा सप्ताहांत है!