CODEWITHSUNDEEP
iosobjective-ciphoneuitabbarcontrollerios8
hoya21
hoya21

Reputation: 893

TabBarItem icon does not appear immediately in ios 8

I have a problem with tabBarItem icon.Here is a screenshot of a part of my storyboard.

Storyboard

There is a basic viewController with some buttons. When one of these buttons is touched up, a tabBarController with three tabs appears.In iOS 8,icons of tabBarItems does not appear initially.If i change view controller,both icons of previous and current view controller appear.if i select the third tab,then all icons of tabBarItems appear.Here is a screenshot of my problem:

First Appearance of TabBarController :

1st

If i change tab:

2nd

Here is the code that i use to set icons(all icons are 30x30) of tabBarItems into viewDidLoad method of first viewController of TabBarController:

[[[self.tabBarController.viewControllers objectAtIndex:0] tabBarItem]  setFinishedSelectedImage:[UIImage imageNamed:@"1d1.png"] withFinishedUnselectedImage:[UIImage imageNamed:@"1b1.png"]];

[[[self.tabBarController.viewControllers objectAtIndex:1] tabBarItem]  setFinishedSelectedImage:[UIImage imageNamed:@"2d1.png"] withFinishedUnselectedImage:[UIImage imageNamed:@"2b1.png"]];

[[[self.tabBarController.viewControllers objectAtIndex:2] tabBarItem]  setFinishedSelectedImage:[UIImage imageNamed:@"3d1.png"] withFinishedUnselectedImage:[UIImage imageNamed:@"3b1.png"]];

Here is a screenshot of iOS 7 that it works properly:

right

Can anyone help me with this??

Upvotes: 6

Views: 3096

Answers (4)

Max
Max

Reputation: 2299

Yes, this cannot be done using storyboards - needs code to be written.

You have to code it in viewdidload action

UITabBar *tabBar = self.tabBar;

UITabBarItem *targetTabBarItem = [[tabbar items] objectAtIndex:0]; // whichever tab-item
UIImage *selectedIcon = [UIImage imageNamed:@"name-of-selected-image.png"];
[targetTabBarItem setSelectedImage:selectedIcon];

Upvotes: 0

hoya21
hoya21

Reputation: 893

After some hours of searching and reading different answers including @Zala's answer,this part of code into viewDidLoad of first viewController of TabBarController made the difference and finally worked.

 if ([[[UIDevice currentDevice] systemVersion] floatValue] >= 7.0)
{

    UITabBarItem *tabBarItem = [self.tabBarController.tabBar.items objectAtIndex:0];

    UIImage *unselectedImage = [UIImage imageNamed:@"1b1.png"];
    UIImage *selectedImage = [UIImage imageNamed:@"1d1.png"];

    [tabBarItem setImage: [unselectedImage imageWithRenderingMode:UIImageRenderingModeAlwaysOriginal]];
    [tabBarItem setSelectedImage:[selectedImage imageWithRenderingMode:UIImageRenderingModeAlwaysOriginal]];


    UITabBarItem *tabBarItem1 = [self.tabBarController.tabBar.items objectAtIndex:1];

    UIImage *unselectedImage1 = [UIImage imageNamed:@"2b1.png"];
    UIImage *selectedImage1 = [UIImage imageNamed:@"2d1.png"];

    [tabBarItem1 setImage: [unselectedImage1 imageWithRenderingMode:UIImageRenderingModeAlwaysOriginal]];
    [tabBarItem1 setSelectedImage: [selectedImage1 imageWithRenderingMode:UIImageRenderingModeAlwaysOriginal]];

    UITabBarItem *tabBarItem2 = [self.tabBarController.tabBar.items objectAtIndex:2];

    UIImage *unselectedImage2 = [UIImage imageNamed:@"3b1.png"];
    UIImage *selectedImage2 = [UIImage imageNamed:@"3d1.png"];

    [tabBarItem2 setImage: [unselectedImage2 imageWithRenderingMode:UIImageRenderingModeAlwaysOriginal]];
    [tabBarItem2 setSelectedImage:[selectedImage2 imageWithRenderingMode:UIImageRenderingModeAlwaysOriginal]];


    [tabBarItem setTitle:@"Φωτογραφίες"];

    [tabBarItem2 setTitle:@"360° Φωτογραφία"];

    [tabBarItem1 setTitle:@"Βίντεο"];



}
else
{


    [[[self.tabBarController.viewControllers objectAtIndex:0] tabBarItem]  setFinishedSelectedImage:[UIImage imageNamed:@"1d1.png"] withFinishedUnselectedImage:[UIImage imageNamed:@"1b1.png"]];


    [[[self.tabBarController.viewControllers objectAtIndex:1] tabBarItem]  setFinishedSelectedImage:[UIImage imageNamed:@"2d1.png"] withFinishedUnselectedImage:[UIImage imageNamed:@"2b1.png"]];
    [[[self.tabBarController.viewControllers objectAtIndex:2] tabBarItem]  setFinishedSelectedImage:[UIImage imageNamed:@"3d1.png"] withFinishedUnselectedImage:[UIImage imageNamed:@"3b1.png"]];

    [[[self.tabBarController.viewControllers objectAtIndex:0] tabBarItem] setTitle:@"Φωτογραφίες"];

    [[[self.tabBarController.viewControllers objectAtIndex:2] tabBarItem] setTitle:@"360° Φωτογραφία"];

    [[[self.tabBarController.viewControllers objectAtIndex:1] tabBarItem] setTitle:@"Βίντεο"];



}

Upvotes: 7

Pushparaj
Pushparaj

Reputation: 415

setFinishedSelectedImage:withFinishedUnselectedImage: is deprecated from iOS 7 use image and selectedImage property of UITabBarItem instead.

To set the custom image:

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

if ([self iOS7OrAbove])
{
    //use UIImageRenderingModeAlwaysOriginal to set the custom image for ios 7 and above.
    tabBarItem1.selectedImage = [[UIImage imageNamed:@"SelectedImage"] imageWithRenderingMode:UIImageRenderingModeAlwaysOriginal];
    tabBarItem1.image = [[UIImage imageNamed:@"UnselectedImage"] imageWithRenderingMode:UIImageRenderingModeAlwaysOriginal];
}
else
{
    [tabBarItem1 setFinishedSelectedImage:[UIImage imageNamed:@"SelectedImage"] withFinishedUnselectedImage:[UIImage imageNamed:@"UnselectedImage"]];
}

Hope this works fine.

Even if setFinishedSelectedImage:withFinishedUnselectedImage: is deprecated in iOS7, it is working fine in iOS7 but not in 8.

Upvotes: 5

Eike
Eike

Reputation: 638

You can set these images via storyboard too: https://i.sstatic.net/7Z8iL.jpg

If you want this in a dynamic way, I would suggest to inherit from UITabBarController and overwrite it's viewWillAppear:

Upvotes: 1

Related Questions