UITabBar acts strange in iOS 7, how to fix it?

Question

[[UITabBar appearance] setTintColor:[UIColor redColor]]; // for unselected items that are red
[[UITabBar appearance] setSelectedImageTintColor:[UIColor greenColor]]; // for selected items that are green

Why is this code not working in iOS 7?

setTintColor works but only changes the "selected"-icon's color, not the unselected ones as it did in earlier iOS versions, which is weird ? setSelectedImageTintColor does'nt work at all anymore ? Is it realy not possible to color icons as you wish anymore?

Also the setSelectionIndicatorImage is not working as intended in the start of the app, what is happening in iOS 7?

Derp herp Apple, why ?

score 3 · Answer 1 · answered Sep 22 '13 at 18:08

3

As of iOS 7 you have to use setBarTintColor: to set the background color, with setTintColor: now affecting the foreground color.

answered Sep 22 '13 at 18:08

Thomas Denney

1,578
2
15
25

setBarTintColor changes nothing, already tried it. This is just strange and messed up :( – Jesper Martensson Sep 22 '13 at 21:02
1

Have you tried setting `barTintColor` on the instance of the tab bar directly, instead of the `UIAppearance` proxy? I haven't had an issue with this when using `-setBarTintColor:`. – Ben Kreeger Sep 23 '13 at 20:36

score 2 · Answer 2 · answered Oct 27 '13 at 14:44

Answer from Adam Waite doesn't work. Method setFinishedSelectedImage under iOS7 ignores the selected image. You need to so it like this:

UITabBarItem *item1 = _tabBarController.tabBar.items[0];
item1.image = [[UIImage imageNamed:@"item1"] imageWithRenderingMode:UIImageRenderingModeAlwaysOriginal];
item1.selectedImage = [UIImage imageNamed:@"item1-selected"];

score 1 · Answer 3 · answered Oct 11 '13 at 20:30

This is a known issue in iOS 7. The tintColor is used for the selected tab image. The selectedImageTintColor is completely ignored. There is no way to tint unselected tab images.

See a discussion on the Apple Developer Forums https://devforums.apple.com/message/851126#851126 about this.

score 1 · Accepted Answer · answered Oct 15 '13 at 14:26

1

It's not tint, but you can do it with images:

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

answered Oct 15 '13 at 14:26

Adam Waite

19,175
22
126
148

Do I have to do something else? The unselected is working fine for me, but the selected always appears blue or the color of the tabbar tinctColor – jcesarmobile Oct 22 '13 at 12:46

score 0 · Answer 5 · edited Oct 23 '14 at 01:48

for (int i=0; i (smallerthen)arrayOfTabBarItems.count; i++) {

    NSString *unselectedImageName = [NSString stringWithFormat:@"%@.png", arrayOfTabBarItems[i]];

    NSString *selectedImageName = [NSString stringWithFormat:@"%@-pressed.png", arrayOfTabBarItems[i]];

    [tabBarCtrl.tabBar.items[i] setFinishedSelectedImage:[UIImage imageNamed:selectedImageName] withFinishedUnselectedImage:[UIImage imageNamed:unselectedImageName]];
}

This worked for me.

UITabBar acts strange in iOS 7, how to fix it?

5 Answers5