Question

I have UITabBarController with UITabBar which has three UITabBarItem.
Project is with storyboard. How can I set different image to each UITabBarItem?

I want do something like this:

TabBarItem1 -> image1_unselected and image1_selected

TabBarItem1 -> image2_unselected and image2_selected

TabBarItem1 -> image3_unselected and image3_selected

EDIT:

Probably I didn’t write precisely, but I want set custom image and make UITabbar with custom graphics. Something like UITabbar in “Find My Friends” app.

Answer 1

OK, I found solution.

At the beginning of viewDidLoad in my firsTabBarViewController.m I added this code:

UIImage *selectedImage0 = [UIImage imageNamed:@"barBtn1_selected.png"];
UIImage *unselectedImage0 = [UIImage imageNamed:@"barBtn1.png"];

UIImage *selectedImage1 = [UIImage imageNamed:@"barBtn2_selected.png"];
UIImage *unselectedImage1 = [UIImage imageNamed:@"barBtn2.png"];

UIImage *selectedImage2 = [UIImage imageNamed:@"barBtn3_selected.png"];
UIImage *unselectedImage2 = [UIImage imageNamed:@"barBtn3.png"];

UITabBar *tabBar = self.tabBarController.tabBar;

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

[item0 setFinishedSelectedImage:selectedImage0 withFinishedUnselectedImage:unselectedImage0];
[item1 setFinishedSelectedImage:selectedImage1 withFinishedUnselectedImage:unselectedImage1];
[item2 setFinishedSelectedImage:selectedImage2 withFinishedUnselectedImage:unselectedImage2]; 

And now I have exactly what I want in my question.