কোনও ইউআইবারবারটন আইটেম চিত্রটি কত বড় হওয়া উচিত?


130

আমি ডেট বোতাম হিসাবে নেভিগেশন বারে রাখার পরিকল্পনা করছি যে নিজের নিজস্ব কাস্টম অনুসারে তারিখ অনুসারে বাছাই করুন সংখ্যা বোতামগুলি তৈরি করতে চাইছি।

স্থানটি যথাযথভাবে পূরণ করার জন্য আমার চিত্রটি কতটা বড় হওয়া উচিত - ইউআইবার্টিমিটি ডকুমেন্টেশন পৃষ্ঠাটি আকারের আকারটি সম্পর্কে কিছুই তালিকাভুক্ত করে না।

উত্তর:


236

আইওএস 11 হিসাবে, হিউম্যান ইন্টারফেসের গাইডলাইনগুলি গ্লাইফগুলি সর্বাধিক 28 পয়েন্ট পর্যন্ত, সরঞ্জামদণ্ড এবং নেভিগেশন বারগুলিতে প্রায় 25 × 25 পয়েন্টের পরামর্শ দেয়। (এবং আপনি যদি আইওএস অ্যাপ্লিকেশনগুলিতে কাজ করছেন তবে এইচআইজি অবশ্যই আপনার বুকমার্কগুলিতে থাকা উচিত!)

এটি আইপ্যাড 2 / মিনি, আইফোন 8 বা আইপ্যাডের মতো সর্বাধিক বর্তমান ডিভাইসের জন্য 50px বর্গক্ষেত্র এবং রেটিনা এইচডি ডিভাইসগুলির জন্য 75px বর্গ (আইফোন 6/7/8 প্লাস, বা আইফোন এক্স) এর চিত্রগুলিতে অনুবাদ করবে। সম্পত্তির ক্যাটালগগুলি বিভিন্ন সম্পদ আকারকে সংগঠিত রাখতে প্রচুর পরিমাণে সহায়তা করবে (এবং এই দিনগুলিতে এক্সকোড এমনকি সেগুলি ভেক্টর উত্স থেকে উত্পন্ন করতে পারে )।


1
ধন্যবাদ, একটি দুর্দান্ত দস্তাবেজের পয়েন্টারের সাথে একত্রিত হওয়ার জন্য আমার ঠিক কী দরকার ছিল। ভুক্ত।
এপসিলন প্রাইম

1
আমি আশা করি মোবাইল এইচআইজি যদিও "প্রায় 20x20" এর চেয়ে আরও কার্যকর কিছু বলেছিল। আপনি যদি সঠিকভাবে 20x20px এর চিত্র ব্যবহার করেন তবে এটি 1: 1 এর মানচিত্র তৈরি করবে না এবং বোতামটি বর্গক্ষেত্র হবে না।
ক্লাফু

1
ক্লাফু, আপনি কী বোতামের সামগ্রীর জন্য একটি চিত্রের কথা বলছেন (যেমন এই প্রশ্নটি) বা বোতামটির পটভূমি হিসাবে ব্যবহার করতে হবে (উপস্থিতি কাস্টমাইজেশন এপিআই সহ)? আপনি এই সম্পর্কে একটি প্রশ্ন পোস্ট করেছেন?
ষোলটি অটো

অ্যাপল এখানে যে চিত্রগুলি
দেখেছে সেগুলি

1
আইওএস 7 এর জন্য, @ হাশিয়রের উত্তর দেখুন।
রুডল্ফ আদমকোভিč

46

হিউম্যান ইন্টারফেস গাইডলাইন আপনি এই বলে iOS7 যেহেতু:

আইকনের ভিজ্যুয়াল স্টাইল নির্বিশেষে, নিম্নলিখিত আকারগুলিতে একটি সরঞ্জামদণ্ড বা নেভিগেশন বার আইকন তৈরি করুন:

প্রায় 44 x 44 পিক্সেল

প্রায় 22 x 22 পিক্সেল (স্ট্যান্ডার্ড রেজোলিউশন)

এখানে একটি হল মহান ম্যাট্রিক্স এর সব সমস্ত প্ল্যাটফর্মের জন্য সম্পদের জন্য প্রয়োজন মাপ


19

হ্যাঁ, অ্যাপল 22px, 44px এবং 66px আকারের চিত্র ব্যবহার করার পরামর্শ দেয় UIBarButtonItems তবে আপনি যদি বুকমার্ক আইকনের মতো ইনস্টল করা আইকনগুলি ব্যবহার করেন তবে এটি যথাক্রমে 25x 50px এবং 75px আকারের হবে।

এখানে 2 আইকন রয়েছে UIToolbar । ডানদিকে অ্যাপলের সিস্টেম বুকমার্ক আইকন এবং বামদিকে আমার কাস্টম আইকন রয়েছে।

এখানে আমার কাস্টম আইকনটির আকার 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 এ ক্লিক করুন
  • ক্লিক করুন + আইকন এবং তারপরে "নতুন চিত্র সেট" ক্লিক করুন
  • আপনার চিত্রটি 3x স্লটে টেনে আনুন
  • চিত্র সেটটির নতুন নাম দিন
  • বারবটনে আপনি "চিত্র" ক্ষেত্রের অধীনে এই নামটি ব্যবহার করতে পারেন

3
এটি কীভাবে আকার সম্পর্কে প্রশ্নের উত্তর দেয়?
Andrea Lazzarotto

@ আন্ড্রেল্যাজারোত্তো ভাল কথা তবে এই উত্তরে অন্যান্য জবাব থেকে বাদ দেওয়া গুরুত্বপূর্ণ তথ্য রয়েছে
পাওল
আমাদের সাইট ব্যবহার করে, আপনি স্বীকার করেছেন যে আপনি আমাদের কুকি নীতি এবং গোপনীয়তা নীতিটি পড়েছেন এবং বুঝতে পেরেছেন ।
Licensed under cc by-sa 3.0 with attribution required.