আমার 100 মাপের ট্যাববারের জন্য আইকন রয়েছে।
আমি ২০১৩-এর অ্যাপলের হিউম্যান ইন্টারফেস গাইডলাইনগুলিতে যাচাই করেছিলাম এবং এটিতে চিত্রের আকার হওয়া উচিত 30x30/ 60x60।
তবে ট্যাব বার নিয়ন্ত্রকের উচ্চতা 50 হওয়ায় আমি চিত্রটির আকারটি রেখেছি 50x50।
এখন, আমি যখন প্রকল্পটি চালাচ্ছি, আমি নীচে কুৎসিত নকশাটি দেখতে পাচ্ছি:
আমার কোন আকারের চিত্রগুলি ব্যবহার করা উচিত যাতে নকশাটি নিখুঁত হতে পারে?
দ্রষ্টব্য: আমিও পাঠ্য লিখছি না (যেমন হোম, অনুসন্ধান, ইত্যাদি)। ট্যাব বোতামের পাঠ্যটি চিত্রটিতে রয়েছে itself
উত্তর:
30x30 পয়েন্ট, যার অর্থ 30px @ 1x, 60px @ 2x, কোথাও এর মধ্যে নয়। এছাড়াও, ট্যাবটির শিরোনামটি ছবিটিতে এম্বেড করা কোনও দুর্দান্ত ধারণা নয় — আপনার মতো অল্প অ্যাক্সেসযোগ্যতা এবং স্থানীয়করণের ফলাফল হতে চলেছে।
মতে অ্যাপল হিউম্যান ইন্টারফেস গাইডলাইন :
@ 1x: প্রায় 25 x 25 (সর্বাধিক: 48 x 32)
@ 2x: প্রায় 50 x 50 (সর্বোচ্চ: 96 x 64)
@ 3x: প্রায় 75 x 75 (সর্বাধিক: 144 x 96)
সর্বশেষ অ্যাপল হিউম্যান ইন্টারফেস নির্দেশিকা অনুসারে:
প্রতিকৃতি নির্দেশে, ট্যাব শিরোনামের উপরে ট্যাব বার আইকন উপস্থিত হয়। ল্যান্ডস্কেপ অভিযোজনে, আইকনগুলি এবং শিরোনামগুলি পাশাপাশি পাশাপাশি উপস্থিত হয়। ডিভাইস এবং ওরিয়েন্টেশনের উপর নির্ভর করে সিস্টেমটি নিয়মিত বা কমপ্যাক্ট ট্যাব বারটি প্রদর্শন করে। আপনার অ্যাপ্লিকেশনটিতে উভয় আকারের কাস্টম ট্যাব বার আইকন অন্তর্ভুক্ত করা উচিত।
আমি আপনাকে সম্পূর্ণ ধারণাটি বোঝার জন্য উপরের লিঙ্কটি ব্যবহার করার পরামর্শ দিচ্ছি। কারণ আপেল আপডেট হয় এটি নিয়মিত বিরতিতে নথি
রেফারেন্স: https://developer.apple.com/ios/human-interface-guidlines/ographicics/custom-icons/ দেহ HTps: //developer.apple.com/ios/human-interface-guidlines/ographicics/custom-icons /] ।
সুতরাং 50x50 আকারটি একটি ভাল পছন্দ।
আমার অনুশীলন অনুসারে, আমি স্ট্যান্ডার্ড আইপ্যাড ট্যাব বার আইটেম আইকনটির জন্য 40 x 40, রেটিনার জন্য 80 এক্স 80 ব্যবহার করি।
অ্যাপল রেফারেন্স থেকে। https://developer.apple.com/library/ios/docamentation/UserExperience/Conceptual/MobileHIG/BarIcons.html#//apple_ref/doc/uid/TP40006556-CH21-SW1
আপনি যদি কোনও বার আইকন তৈরি করতে চান যা দেখে মনে হয় এটি আইওএস 7 আইকন পরিবারের সাথে সম্পর্কিত, এটি আঁকতে খুব পাতলা স্ট্রোক ব্যবহার করুন। বিশেষত, 2-পিক্সেলের স্ট্রোক (উচ্চ রেজোলিউশন) বিস্তারিত আইকনগুলির জন্য ভাল কাজ করে এবং 3-পিক্সেল স্ট্রোক কম বিশদ আইকনগুলির জন্য ভাল কাজ করে।
আইকনের ভিজ্যুয়াল স্টাইল নির্বিশেষে, নিম্নলিখিত আকারগুলিতে একটি সরঞ্জামদণ্ড বা নেভিগেশন বার আইকন তৈরি করুন:
প্রায় 44 x 44 পিক্সেল প্রায় 22 x 22 পিক্সেল (স্ট্যান্ডার্ড রেজোলিউশন) আইকনের ভিজ্যুয়াল স্টাইল নির্বিশেষে, নিম্নলিখিত আকারগুলিতে একটি ট্যাব বার আইকন তৈরি করুন:
স্ট্যান্ডার্ড রেজোলিউশনের জন্য প্রায় 50 x 50 পিক্সেল (96 x 64 পিক্সেল সর্বাধিক) প্রায় 25 x 25 পিক্সেল (48 x 32 পিক্সেল সর্বাধিক)
প্রথমে ব্যবহার কোডের আগে থাম্বস আপ করুন !!! এমন একটি চিত্র তৈরি করুন যা প্রতিটি আইটেমের জন্য পুরো ট্যাব বার আইটেমটি পুরোপুরি coverেকে দেয়। আপনি ট্যাব বার আইটেম বোতাম হিসাবে তৈরি চিত্রটি ব্যবহার করতে এটি প্রয়োজন। উচ্চতা / প্রস্থের অনুপাতটি প্রতিটি ট্যাব বার আইটেমের মতোই হওয়া নিশ্চিত করুন। তারপরে:
UITabBarController *tabBarController = (UITabBarController *)self;
UITabBar *tabBar = tabBarController.tabBar;
UITabBarItem *tabBarItem1 = [tabBar.items objectAtIndex:0];
UITabBarItem *tabBarItem2 = [tabBar.items objectAtIndex:1];
UITabBarItem *tabBarItem3 = [tabBar.items objectAtIndex:2];
UITabBarItem *tabBarItem4 = [tabBar.items objectAtIndex:3];
int x,y;
x = tabBar.frame.size.width/4 + 4; //when doing division, it may be rounded so that you need to add 1 to each item;
y = tabBar.frame.size.height + 10; //the height return always shorter, this is compensated by added by 10; you can change the value if u like.
//because the whole tab bar item will be replaced by an image, u dont need title
tabBarItem1.title = @"";
tabBarItem2.title = @"";
tabBarItem3.title = @"";
tabBarItem4.title = @"";
[tabBarItem1 setFinishedSelectedImage:[self imageWithImage:[UIImage imageNamed:@"item1-select.png"] scaledToSize:CGSizeMake(x, y)] withFinishedUnselectedImage:[self imageWithImage:[UIImage imageNamed:@"item1-deselect.png"] scaledToSize:CGSizeMake(x, y)]];//do the same thing for the other 3 bar item