2012-10-03 23 views
19

ओएस एक्स के लिए एक एप्लिकेशन आइकन और मेनू बार आइकन किस आकार का होना चाहिए?ओएस एक्स आइकन आकार

मैं छोटे रिज़ॉल्यूशन डिस्प्ले से निपट सकता हूं लेकिन रेटिना के बारे में क्या - मेनू बार पर प्रदर्शित एक आइकन (उदाहरण के लिए 20 x 20) रेटिना डिस्प्ले के साथ एक नए मैकबुक प्रो पर छोटा या धुंधला होगा? मुझे लगता है कि एप्लिकेशन आइकन स्केल किया जाएगा, इसलिए यदि मैं नियमित से दो बार बड़ा तैयार करूंगा तो यह रेटिना पर ठीक होना चाहिए।

मैं आकार विनिर्देशन के साथ आईओएस विकास के लिए एक उत्कृष्ट गाइड पाया, लेकिन मैं

उत्तर

34

NSStatusBar चिह्न (अर्थात मेनू बार आइकन) नियमित रूप से एप्लिकेशन आइकन से अलग हैं। मैं NSStatusBar आधिकारिक आइकन दिशानिर्देश खोजने में सक्षम नहीं हूं, लेकिन मुझे विश्वास करना है कि बटन के लिए Toolbar Icon guideline बहुत करीब है। यह सुझाव देता है:

  • ऐसे आइकन बनाएं जो 1 9 x 9 1 पिक्सेल से अधिक नहीं मापते हैं।
  • रूपरेखा तेज और स्पष्ट बनाएं।
  • सीधे-पर परिप्रेक्ष्य का उपयोग करें।
  • काला का उपयोग करें (केवल आयाम का सुझाव देने के लिए आवश्यकतानुसार पारदर्शिता जोड़ें)।
  • एंटी-एलियासिंग का उपयोग करें।
  • पीडीएफ प्रारूप का प्रयोग करें।
  • सुनिश्चित करें कि छवि दृश्य में केंद्रित है (ध्यान दें कि दृष्टि से केंद्रित गणितीय केंद्रित के समान नहीं हो सकता है)।

परीक्षण में, मैंने पाया:

  1. NSStatusBar 18 पिक्सल उच्च, कम या ज्यादा कुछ के साथ सबसे अच्छा लग रहा है। systemStatusBar has a thickness of 22
  2. हालांकि यह पीडीएफ प्रारूप सूचीबद्ध करता है, मैं बिना किसी मुद्दे के पीएनजी का उपयोग कर रहा हूं।
  3. यदि आप चाहते हैं कि आपका आइकन नीले रंग पर सफेद हो, तो आपको अपने आइकन के एक अलग सफेद संस्करण के रूप में वैकल्पिक छवि प्रदान करने की आवश्यकता है।

कोड का नमूना:

myStatusItem = [[NSStatusBar systemStatusBar]statusItemWithLength:NSSquareStatusItemLength]; 
NSImage *statusImage = [NSImage imageNamed:@"Status.png"]; 
[myStatusItem setImage:statusImage]; 
NSImage *altStatusImage = [NSImage imageNamed:@"StatusHighlighted"]; 
[myStatusItem setAlternateImage:altStatusImage]; 
[myStatusItem setHighlightMode:YES]; 
[myStatusItem setMenu:self.myStatusMenu]; 
+0

यदि आप टेम्पलेट छवि का उपयोग कर रहे हैं तो वैकल्पिक छवि की कोई आवश्यकता नहीं है। अगर छवि का नाम "टेम्पलेट" में समाप्त होता है तो इसे स्वचालित रूप से नीले रंग पर सफेद खींचा जाएगा। – pointum

+0

यदि छवि का नाम 'टेम्पलेट' के साथ समाप्त नहीं होता है, तो वैकल्पिक रूप से आप '[[myStatusItem image] setTemplate: YES] सेट कर सकते हैं;' फिर इसे हाइलाइट किए गए मोड पर सफेद खींचा जाएगा। – jeevatkm

+0

ट्रे आइकन नाम के रूप में बस "xxxTemplate.png" और "[email protected]" का उपयोग करें, फिर सबकुछ स्वचालित रूप से सेट हो जाएगा। यह करने का यह सही तरीका है। – RRN

-3

एप्लिकेशन आइकन के लिए अधिकतम आकार 1024 x 1024

होना चाहिए ओएस एक्स के लिए समान आकार विनिर्देशों नहीं मिल रहा है और आप 16 x 16, 32 x 32, 128 x 128, 256 x 256, 512 x 512 & 1024 के लिए दोनों नियमित और रेटिना संकल्प प्रतीक बनाने के लिए x 1024

विवरण जिसके लिए आप "High Resolution Guidelines for OS X" दस्तावेज़ में पा सकते हैं ऐप्पल से

+0

NSStatusItem आइकन के आकार के बारे में क्या। मुझे कहीं भी उचित आकार नहीं मिल रहा है, "ओएस एक्स के लिए उच्च रिज़ॉल्यूशन दिशानिर्देश" – maseth

+1

1024 x 1024 :)) – Nathan

+0

@ मेसन - 'NSStatusItem' आइकन के बारे में अच्छा सवाल, आप एक पीडीएफ का उपयोग कर सकते हैं (उदाहरण के लिए ) उस – CRD

6
+1

मैं आइकन आकारों के बारे में सहमत हूं- बहुत कुछ - लेकिन NSStatusMenu आइकन आकार के बारे में क्या? – maseth

+1

ये आइकन आकार में 18x18 पिक्सेल होना चाहिए, और पीएनजी के रूप में किया जाना चाहिए ताकि आपको पारदर्शिता प्राप्त हो सके। – Nathan

+0

@NathanSakoetoe यदि ये आइकन 18x18 पर बनाए गए हैं, तो वे रेटिना डिस्प्ले पर स्पष्ट नहीं हैं। उन्हें बड़ा होना चाहिए, लेकिन मुझे उचित आकार नहीं पता है। –

4

इन चरणों का पालन करें और आप में फ़ोटोशॉप अपने चिह्न की रेटिना

  1. एक PNG फ़ाइल खुला है यह अधिक होनी चाहिए के लिए एक पूरी तरह से तेज स्थिति पट्टी चिह्न मिल जाएगा 88px x 88px
  2. मेनू पर जाएं, छवि, छवि का आकार
  3. संकल्प को 350
  4. पर सेट करें
  5. सेट आकार के लिए 88px एक्स 88px (पिक्सेल)
  6. छवि के रूप में png यह Xcode
+0

या इसे पीडीएफ – Charlie

+1

के रूप में सहेजें इसे इन आयामों ने 'nw.js' के साथ अच्छी तरह से काम किया। रेटिना संस्करण क्रिस्टल स्पष्ट है। – cbednarski

2

अपने मेनू आइटम समर्थन रेटिना प्रदर्शित करता है, डार्क मोड और विभिन्न राज्यों बनाने के जोड़ने को बचाने (जैसे दबाया)

  1. बनाएं दो PNG छवियाँ आकार 16x16 और 32x32 या, यदि आप कम मार्जिन, 18x18 और 36x36 पिक्सल
  2. Template Image को Render As सेट के साथ Xcode में एक नई छवि संपत्ति बनाएं और 1x के लिए अपनी छवियों को जोड़ना चाहते हैं और 2x
  3. इसके आकार को बदलने के बिना अपने NSImage चित्र संपत्ति से प्रारंभ: NSImage(named: "Example")