Change item color in UITabBar iOS

Question

My app has a Tab Bar like the follow:

enter image description here

The Tab Bar must be green and as you can see the icon of the item in Tab Bar are a little hard to see. How I can change the color of the icon in this Tab Bar? I've to use the standard Tab Bar. Thank you

see following question http://stackoverflow.com/questions/24526851/how-to-change-tabbar-icon-color-in-ios — styopdev, Feb 03 '15 at 08:42

score 2 · Answer 1 · answered Feb 03 '15 at 08:44

try this

[[self tabBar] setSelectedImageTintColor:[UIColor greenColor]];

or this

[UITabBarItem.appearance setTitleTextAttributes:@{
    UITextAttributeTextColor : [UIColor greenColor] } forState:UIControlStateNormal];

[UITabBarItem.appearance setTitleTextAttributes:@{
    UITextAttributeTextColor : [UIColor purpleColor] }     forState:UIControlStateSelected];

Or this

[[self tabBar] setTintColor:[UIColor redColor]];

or this

    [UITabBarItem.appearance setTitleTextAttributes:@{NSForegroundColorAttributeName : [UIColor greenColor]} forState:UIControlStateNormal];    
   [UITabBarItem.appearance setTitleTextAttributes:@{NSForegroundColorAttributeName : [UIColor purpleColor]} forState:UIControlStateSelected];

score 1 · Answer 2 · answered Feb 03 '15 at 08:45

Try this

[[UITabBar appearance] setTintColor:[UIColor redColor]];
[[UITabBar appearance] setBarTintColor:[UIColor yellowColor]];

// set tabbar background image
[[UITabBar appearance] setBackgroundImage:[UIImage imageNamed:@"tabbar_bg"]];
// remove shadow image of tabbar
[[UITabBar appearance] setShadowImage:[[UIImage alloc]init]];

score 1 · Accepted Answer · edited Feb 03 '15 at 08:49

Instead using of icon you can use icon image by using the following code

UITabBar *tabBar = tabBarController.tabBar;
UITabBarItem *tabBarItem1 = [tabBar.items objectAtIndex:0];

tabBarItem1.selectedImage = [[UIImage imageNamed:@"selectedImage.png"] imageWithRenderingMode:UIImageRenderingModeAlwaysOriginal ];
tabBarItem1.image = [[UIImage imageNamed:@"unselectedImage.png"]imageWithRenderingMode:UIImageRenderingModeAlwaysOriginal ];
tabBarItem1.imageInsets= UIEdgeInsetsMake(6, 0, -6, 0);

score 0 · Answer 4 · answered Feb 03 '15 at 09:32

I would suggest, to change background of UITabbar to some darker colours, instead of green. Just leave the default gray color(Apple masks to gray) for unselected tab. Use below snipped to set selected tab mask color.

[[UITabBar appearance] setTintColor:[UIColor redColor]];

This will avoid confusion to end users whether a tab is selected or in unselected state.

Change item color in UITabBar iOS

4 Answers4