รูปภาพ TabBar ควรมีขนาดเท่าใด

ฉันมีไอคอนสำหรับแถบแถบขนาด 100

ฉันจะตรวจสอบที่แอปเปิ้ลแบบ Human Interface แนวทางของปี 2013และกล่าวว่าขนาดของภาพที่ควรจะ/30x3060x60

แต่เป็นความสูงของตัวควบคุมแถบแท็บเป็น 50 50x50ผมเก็บไว้ขนาดของภาพที่

ตอนนี้เมื่อฉันเรียกใช้โครงการฉันเห็นการออกแบบที่น่าเกลียดด้านล่าง:

ฉันควรใช้ภาพขนาดใดเพื่อให้การออกแบบสมบูรณ์แบบ?

หมายเหตุ:ฉันไม่ได้เขียนข้อความด้วย (เช่นหน้าแรกค้นหา ฯลฯ ) ข้อความของปุ่มแท็บจะอยู่ในภาพนั้นเอง

30x30 คือจุดซึ่งหมายถึง 30px @ 1x, 60px @ 2x ไม่ใช่จุดใดจุดหนึ่ง นอกจากนี้คุณไม่ควรฝังชื่อแท็บลงในรูปภาพเพราะคุณจะมีผลการเข้าถึงและการแปลที่ค่อนข้างแย่เช่นนั้น

ตามแนวทางการเชื่อมต่อมนุษย์ของ Apple :

@ 1x: ประมาณ 25 x 25 (สูงสุด: 48 x 32)

@ 2x: ประมาณ 50 x 50 (สูงสุด: 96 x 64)

@ 3x: ประมาณ 75 x 75 (สูงสุด: 144 x 96)

ตามแนวทางล่าสุดของApple Human Interface:

ในแนวตั้งไอคอนแถบแท็บจะปรากฏเหนือชื่อแท็บ ในแนวนอนไอคอนและชื่อเรื่องจะปรากฏเคียงข้างกัน ขึ้นอยู่กับอุปกรณ์และการวางแนวระบบจะแสดงแถบแท็บปกติหรือขนาดกะทัดรัด แอปของคุณควรมีไอคอนแถบแท็บที่กำหนดเองสำหรับทั้งสองขนาด

ฉันขอแนะนำให้คุณใช้ลิงก์ด้านบนเพื่อทำความเข้าใจแนวคิดทั้งหมด เนื่องจาก apple อัปเดตเอกสารในช่วงเวลาปกติ

อ้างอิง: https://developer.apple.com/ios/human-interface-guidelines/graphics/custom-icons/ [https://developer.apple.com/ios/human-interface-guidelines/graphics/custom-icons /] .

ดังนั้นขนาด 50x50 จึงเป็นทางเลือกที่ดี

ตามวิธีปฏิบัติของฉันฉันใช้ 40 x 40 สำหรับไอคอนรายการแถบแท็บ iPad มาตรฐาน 80 X 80 สำหรับเรตินา

จากข้อมูลอ้างอิงของ Apple https://developer.apple.com/library/ios/documentation/UserExperience/Conceptual/MobileHIG/BarIcons.html#//apple_ref/doc/uid/TP40006556-CH21-SW1

หากคุณต้องการสร้างไอคอนแถบที่ดูเหมือนว่าเกี่ยวข้องกับตระกูลไอคอน iOS 7 ให้ใช้เส้นขีดบาง ๆ ในการวาด โดยเฉพาะอย่างยิ่งจังหวะ 2 พิกเซล (ความละเอียดสูง) ทำงานได้ดีสำหรับไอคอนที่มีรายละเอียดและจังหวะ 3 พิกเซลทำงานได้ดีสำหรับไอคอนที่มีรายละเอียดน้อย

ไม่ว่ารูปแบบภาพของไอคอนจะเป็นอย่างไรให้สร้างแถบเครื่องมือหรือไอคอนแถบนำทางในขนาดต่อไปนี้:

ประมาณ 44 x 44 พิกเซลประมาณ 22 x 22 พิกเซล (ความละเอียดมาตรฐาน) โดยไม่คำนึงถึงรูปแบบภาพของไอคอนให้สร้างไอคอนแถบแท็บในขนาดต่อไปนี้:

ประมาณ 50 x 50 พิกเซล (สูงสุด 96 x 64 พิกเซล) ประมาณ 25 x 25 พิกเซล (สูงสุด 48 x 32 พิกเซล) สำหรับความละเอียดมาตรฐาน

Thumbs up first before use code please !!! สร้างภาพที่ครอบคลุมรายการแถบแท็บทั้งหมดสำหรับแต่ละรายการ จำเป็นต้องใช้รูปภาพที่คุณสร้างขึ้นเป็นปุ่มรายการแถบแท็บ อย่าลืมทำให้อัตราส่วนความสูง / ความกว้างเท่ากันของแต่ละรายการแถบแท็บด้วย จากนั้น:

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