UITabBarItem with custom title color and images

6
votes

I`m trying to customize my TabBar in xcode,ios, however I just found ppl saying that this is not customizable! also, i did find some sort of solutions, but none of them are working for me.

Pretty much I want to change the UITabBarItem title(text) color, and also change the 2 images inside it, the normal one and the selected one!

I tried to iterate inside my UITabBar subviews to see if I find something, but any success:

for (UIView *view in [self.tabBarController tabBar].subviews) 
{
    NSLog(@"Class: %@",[view class]);

}

the output of this was:

2011-05-18 18:15:24.031 EventApp[52235:207] Class: UIImageView
2011-05-18 18:15:24.032 EventApp[52235:207] Class: UITabBarButton
2011-05-18 18:15:24.032 EventApp[52235:207] Class: UITabBarButton
2011-05-18 18:15:24.033 EventApp[52235:207] Class: UITabBarButton
2011-05-18 18:15:24.033 EventApp[52235:207] Class: UITabBarButton
2011-05-18 18:15:24.034 EventApp[52235:207] Class: UITabBarButton

and I cannot import that UITabBarButton obj to work with it!

Some solution for that?! also I posted some links bellow which I`ve looked, but didnt work!

Custom UITabBarItem Image/Title on iPhone

changing text color of uitabbaritem

EDIT What I wanna do is somethink like the follow: enter image description here

3
iphonexcodeviewuitabbar

3 Answers

9
votes

In iOS 5.0 and newer, you can Customize UITabBar's Appearance by changing the tint color, the background image and the selection indicator, to make them look the way you like.

You can also customize the individual UITabBarItems, by invoking the setFinishedSelectedImage:withFinishedUnselectedImage: method with finished selected and unselected images as parameters.

Alternatively, modifying the appearance proxy of UITabBar allows you to change the aspect of all its instances.

7
votes

And I'm one of the people that says that it really doesn't work. You have to reimplement the whole functionality in a Custom UIViewController which acts as a UITabBar replacement.

Just like Twitter for iPhone or Tweetbot did.

enter image description here

2
votes

Totally not customizable. You either use whatever Apple provided to you (mask images for shapes and titles) or you roll your own.

One way that has worked for me is subclassing the tab bar. Use your own subviews to make the tab bar look they way you want it to. For example: use a background image and dynamically overlay that with buttons for each of the tabBarItems.

This way you can still configure the tab bar in Interface Builder and you get the switching of the tab bar content for free. At the same time the tab bar will look the way you want.