Màu biểu tượng thanh tab tùy chỉnh

Question

Hiện tại tôi đang sử dụng Xcode 5 để phát triển ứng dụng định hướng danh sách. Tôi có màu tùy chỉnh cho thanh tab, hình ảnh tùy chỉnh cho các biểu tượng tab, màu tùy chỉnh cho hình ảnh biểu tượng của thanh tab khi được chọn, nhưng tôi không thể tìm cách tùy chỉnh màu của hình ảnh biểu tượng khi không chọn. Ngay bây giờ nó chỉ là màu xám mặc định mà bạn hầu như không thể nhìn thấy trái ngược với thanh tab màu xanh lá cây của tôi. Tôi muốn làm cho hình ảnh và tên của biểu tượng trên thanh tab màu trắng.

Có ai biết cách đặt màu sắc của biểu tượng trên thanh tab trong Xcode 5 không?

Answer 1

Bạn có thể thử này để màu được lựa chọn biểu tượng:

// Custom the tab bar 
[[UITabBar appearance] setSelectedImageTintColor:[UIColor whiteColor]]; 

và điều này để nhuộm màu không biểu tượng tích cực:

[self.tabBarItem setFinishedSelectedImage:[UIImage imageNamed:@"item_seleted.png"] withFinishedUnselectedImage:[UIImage imageNamed:@"item_unselected.png"]]; 

Answer 2

Bạn cần phải thiết lập các chế độ dựng hình cho (không được chọn) hình ảnh của mỗi tab đến UIImageRenderingModeAlwaysOriginal. Vì vậy, trong đại biểu ứng dụng của bạn, hãy tham khảo thanh tab và sau đó lặp qua từng mục trên thanh tab, điều chỉnh các chế độ hình ảnh.

Có lẽ một cách tốt hơn để có được một tài liệu tham khảo để thanh tab, nhưng tôi đã làm như sau:

UIStoryboard *sb = [UIStoryboard storyboardWithName:@"Main" bundle:nil]; 
UITabBarController *tbc = [sb instantiateInitialViewController]; 
self.window.rootViewController = tbc; 
UITabBar *tb = tbc.tabBar; 

Sau đó, việc điều chỉnh hình ảnh có thể được thực hiện như sau:

NSArray *items = tb.items; 

for (UITabBarItem *tbi in items) { 
    UIImage *image = tbi.image; 
    tbi.selectedImage = image; 
    tbi.image = [image imageWithRenderingMode:UIImageRenderingModeAlwaysOriginal]; 
} 

Answer 3

Hãy thử điều này way..it đã hoạt động cho tôi

Trong ứng dụng đại biểu

- (BOOL)application:(UIApplication *)application didFinishLaunchingWithOptions:(NSDictionary *)launchOptions{ 


UITabBarController *tabBarController=(UITabBarController*)(self.window.rootViewController); 
    UITabBar *tabBar=tabBarController.tabBar; 
    UITabBarItem *tabBarItem1=[[tabBar items] objectAtIndex:0];//first tab bar 
[tabBarItem1 setFinishedSelectedImage:[UIImage imageNamed:@"yourImageSelected.png"] withFinishedUnselectedImage:[UIImage imageNamed:@"yourImageUnselected.png"]];//image should be 30 by 30 
} 

chạy và đi

Answer 4

Đặt tab tùy chỉnh với hình ảnh đã chọn và không được chọn. Cũng có vị trí tabbarItem Hình ảnh Insets ở giữa

UITabBar *tabBar = self.tabBarController.tabBar; 

UITabBarItem *item0 = [tabBar.items objectAtIndex:0]; 
UITabBarItem *item1 = [tabBar.items objectAtIndex:1]; 
UITabBarItem *item2 = [tabBar.items objectAtIndex:2]; 
UITabBarItem *item3 = [tabBar.items objectAtIndex:3]; 

[item0 setFinishedSelectedImage:[UIImage imageNamed:@"iconBlue.png"] withFinishedUnselectedImage:[UIImage imageNamed:@"iconGray.png"] ]; 
[item1 setFinishedSelectedImage:[UIImage imageNamed:@"iconBlue2.png"] withFinishedUnselectedImage:[UIImage imageNamed:@"icon-2.png"]]; 
[item2 setFinishedSelectedImage:[UIImage imageNamed:@"iconBlue3.png"] withFinishedUnselectedImage:[UIImage imageNamed:@"icon-3.png"]]; 
[item3 setFinishedSelectedImage:[UIImage imageNamed:@"iconBlue4.png"] withFinishedUnselectedImage:[UIImage imageNamed:@"icon-4.png"]]; 

item0.imageInsets = UIEdgeInsetsMake(6, 0, -6, 0); 
item1.imageInsets = UIEdgeInsetsMake(6, 0, -6, 0); 
item2.imageInsets = UIEdgeInsetsMake(6, 0, -6, 0); 
item3.imageInsets = UIEdgeInsetsMake(6, 0, -6, 0); 

** Trong chế độ xemWillAppear phương pháp xem bộ điều khiển đầu tiên. **

Answer 5

Vì setFinishedSelectedImage: withFinishedUnselectedImage bị phản đối, tôi đã sử dụng một phiên bản thay đổi câu trả lời Ram S bằng cách thay thế:

[item0 setFinishedSelectedImage:[UIImage imageNamed:@"iconBlue.png"] withFinishedUnselectedImage:[UIImage imageNamed:@"iconGray.png"] ]; 

với:

[item0 setImage:[[UIImage imageNamed:@"iconGray.png"] imageWithRenderingMode:UIImageRenderingModeAlwaysOriginal]]; 
[item0 setSelectedImage:[[UIImage imageNamed:@"iconBlue.png"] imageWithRenderingMode:UIImageRenderingModeAlwaysOriginal]]; 

Xem UITabBarItem setFinishedSelectedImage: deprecated in iOS7 để biết thêm thông tin.

Answer 6

Nếu bạn có thanh tab trong trình chỉnh sửa trực quan, bạn có thể thực hiện tại đây. Chọn thanh tab và trong "User Defined Runtime Thuộc tính" thêm thuộc tính: Đường dẫn chính: selectedImageTintColor Loại: Màu Value:

Answer 7

Bạn có thể làm điều này hoàn toàn từ các kịch bản mà không cần viết bất kỳ mã bằng cách thêm một "User Defined Runtime Thuộc tính ":

1. chọn UITabViewController của bạn trong storyboard
2. mở 'Document Outline' và chắc chắn rằng bạn chọn 'Tab Bar' xem trong bối cảnh đó.
3. Hiển thị "Trình kiểm tra danh tính". Bạn sẽ thấy một phần dành cho "User Defined Runtime Thuộc tính"
4. Thêm dòng sau:
   • Đường dẫn chính: tintColor
   • Loại: Màu
   • Value: Chọn màu mà bạn muốn.