UIBarButtonItem छवि कितनी बड़ी होनी चाहिए?


130

मैं अपना स्वयं का कस्टम सॉर्ट बाय डेट और सॉर्ट बाई नंबर बटन बनाना चाहता हूं, जिसे मैं सही बटन के रूप में नेविगेशन बार में रखने की योजना बना रहा हूं।

मेरी छवि को अंतरिक्ष में उचित रूप से भरने के लिए कितना बड़ा होना चाहिए - UIBarItem प्रलेखन पृष्ठ छवि को होना चाहिए आकार के बारे में कुछ भी सूचीबद्ध नहीं करता है।

जवाबों:


236

IOS 11 के रूप में, मानव इंटरफ़ेस दिशानिर्देश सुझाव देते हैं कि ग्लिफ़ टूलबार और नेविगेशन बार में लगभग 25 × 25 अंक हों, अधिकतम 28 अंक तक। (और अगर आप iOS ऐप पर काम कर रहे हैं तो HIG आपके बुकमार्क में ज़रूर होना चाहिए!)

यह iPad 2 / Mini जैसे पुराने उपकरणों के लिए 25px वर्ग, iPhone 8 या iPad जैसे अधिकांश वर्तमान उपकरणों के लिए 50px वर्ग और रेटिना HD उपकरणों के लिए 75px वर्ग (iPhone 6/7/8 प्लस, या iPhone X) के लिए छवियों का अनुवाद करेगा। एसेट कैटलॉग विभिन्न परिसंपत्तियों के आकार को व्यवस्थित रखने में बहुत मदद करेंगे (और Xcode इन दिनों उन्हें वेक्टर स्रोतों से भी उत्पन्न कर सकते हैं )।


1
धन्यवाद, वास्तव में मुझे एक महान दस्तावेज के लिए एक सूचक के साथ संयुक्त जानने की आवश्यकता थी। बुकमार्क।
एप्सिलॉन प्राइम

1
काश मोबाइल एचआईजी ने "20x20 के बारे में" की तुलना में कुछ अधिक उपयोगी बताया। यदि आप वास्तव में 20x20px की छवि का उपयोग करते हैं तो यह वास्तव में 1: 1 मैप नहीं करेगा, और बटन वर्गाकार नहीं होगा।
Clafou

1
Clafou, क्या आप बटन की सामग्री के लिए एक छवि के बारे में बात कर रहे हैं (जैसा कि यह सवाल है), या बटन की पृष्ठभूमि के रूप में इस्तेमाल किया जा सकता है (उपस्थिति अनुकूलन एपीआई के साथ)? क्या आपने इस बारे में एक प्रश्न पोस्ट किया है?
सिक्सटेन ओटो

आप Apple के विभिन्न आकारों में से कुछ का उपयोग करके देख सकते हैं कि Apple के चित्र यहाँ हैं: developer.apple.com/library/ios/#documentation/uikit/reference/…
जेसन

1
IOS 7 के लिए, @ हैशियर का उत्तर देखें।
रुडोल्फ एडमकोविच

46

ह्यूमन इंटरफ़ेस दिशानिर्देश आप इस बताता iOS7 के बाद से:

आइकन की दृश्य शैली के बावजूद, निम्न आकारों में टूलबार या नेविगेशन बार आइकन बनाएं:

लगभग 44 x 44 पिक्सेल

लगभग 22 x 22 पिक्सेल (मानक रिज़ॉल्यूशन)

यहाँ एक है महान मैट्रिक्स के सभी सभी प्लेटफार्मों के लिए संसाधनों के लिए आवश्यक आकार


19

हां, Apple के लिए 22px, 44px और 66px आकार वाली छवियों का उपयोग करने का सुझाव है UIBarButtonItems, लेकिन यदि आप बुकमार्क आइकन जैसे पूर्वस्थापित आइकन का उपयोग करते हैं, तो इसका आकार क्रमशः 1x, 2x और 3x के लिए 25px 50px और 75px होता है।

यहाँ में 2 प्रतीक हैं UIToolbar। दाईं ओर Apple का सिस्टम बुकमार्क आइकन और बाईं ओर मेरा कस्टम आइकन है।

यहाँ मेरे कस्टम आइकन का आकार 22px-44px-66px है:

यहाँ छवि विवरण दर्ज करें

और यहाँ 25px-50px-75px:

यहाँ छवि विवरण दर्ज करें

इसलिए, यदि आप एक टूलबार में कस्टम और सिस्टम आइकन का उपयोग करते हैं, तो मैं 25px-50px-75px स्केलिंग का उपयोग करने का सुझाव दूंगा, या आपके कस्टम आइकन छोटे होंगे। वास्तव में मैं हमेशा 25px-50px-75px स्केलिंग का उपयोग करता हूं, यह टूलबार पर बेहतर लगता है, जैसा कि मेरे लिए।


1
उसके लिये आपका धन्यवाद! मुझे यकीन था कि कुछ आइकन जैसे बुकमार्क 22-44-66px आकार से कुछ बड़े हैं
tech4242

1
मैं 25px-50px-75px की कोशिश की है और यह वास्तव में अच्छा लग रहा है। छोटा नहीं बड़ा नहीं।
एमबीएच

-4

आसान: Assets.xcassets में अपनी छवियों को शामिल करें।

कैसे?

  • Assets.xcassets पर लहसुन
  • Clic + आइकन और फिर "नई छवि सेट" पर क्लिक करें
  • अपनी छवि को 3x स्लॉट पर खींचें और छोड़ें
  • छवि सेट का नाम बदलें
  • बारबटन में आप "इमेज" फील्ड के तहत इस नाम का उपयोग कर सकते हैं

3
यह आकार के बारे में सवाल का जवाब कैसे देता है?
एंड्रिया लज्जाज़ारो

@AndreaLazzarotto अच्छी बात है, लेकिन इस जवाब में अन्य उत्तरों से बची महत्वपूर्ण जानकारी शामिल है
paul
हमारी साइट का प्रयोग करके, आप स्वीकार करते हैं कि आपने हमारी Cookie Policy और निजता नीति को पढ़ और समझा लिया है।
Licensed under cc by-sa 3.0 with attribution required.