Selected state of tab bar icon in IOS 7

Question

I'm having fun learning to build my first iPhone app and wonder if someone would kindly point me in the right direction.

I have basically added in custom icons for my tab bar (IOS 7). Now I want to add in a custom selected state icon for each of these. How would I do this?

Thanks

Shell

you want to add icons on top bar or downbar ? You can use UIBarButtonItem. — Samkit Jain, Oct 17 '13 at 12:08
As of Xcode 6, you can do this by default in Interface Builder. No need for any custom solution. — MrAlek, Nov 26 '14 at 10:17

MrAlek · Answer 1 · 2014-11-26T10:19:35.667

19

As of Xcode 6, you can do this by default in Interface Builder. No need for any custom subclasses or categories as before.

edited Nov 26 '14 at 10:19

answered Dec 22 '13 at 20:31

MrAlek

1,710
14
16

The use of user defined runtime attributes is neat. – crishoj Feb 28 '14 at 04:14
Heck, that's an awesome solution. – Kezzer Jun 15 '14 at 00:49
Why isn't this answer selected? This is just awesome! – craftsman Aug 21 '14 at 19:44
Removed my answer because it is no longer needed in Xcode 6 – MrAlek Nov 26 '14 at 10:20

score 4 · Answer 2 · edited Nov 22 '14 at 18:31

4

On iOS7 you should set selectedImage

tabBarItem.selectedImage = selectedImage;
tabBarItem.image = unselectedImage;

Keep in mind that selectedImage is not available in iOS6.
Use – setFinishedSelectedImage:withFinishedUnselectedImage: if you have to support iOS6.

edited Nov 22 '14 at 18:31

fishinear

5,674
3
32
80

answered Oct 17 '13 at 12:25

Matthias Bauch

88,097
19
217
244

score 4 · Answer 3 · answered Aug 07 '14 at 10:59

Here is the swift solution based on @MrAlek's solution, create a custom UITabBarItem

import UIKit

@IBDesignable
class YourTabBarItem: UITabBarItem {

    @IBInspectable var selectedImageName:String!{
        didSet{
            selectedImage = UIImage(named: selectedImageName)
        }
    }
}

and in interface builder, change the class of the tab bar item and you will see the Selected Image Name attribute, just specify your selected image name there. I reckon @IBInspectable is using the runtime attribute.

enter image description here

score 2 · Answer 4 · edited May 23 '17 at 10:30

See my more complete answer at https://stackoverflow.com/a/20007782/1755055

Often your tab will have a Navigation Controller stack, so you will need the following

- (void)viewDidLoad
{
    [super viewDidLoad];

...

    [self.navigationController.tabBarItem setSelectedImage:[UIImage imageNamed:@"MySelectedIcon.png"]];

}

If you only have one view controller in the tab without the UINavigationController wrapper, you would use

[self.tabBarItem setSelectedImage:[UIImage imageNamed:@"MySelectedIcon.png"]];

score 1 · Answer 5 · edited Dec 17 '13 at 13:20

1

Use like below and its solve the image issue in iOS7:

[self.navigationController.tabBarItem setSelectedImage:[[UIImage imageNamed:@"MySelectedIcon.png"] imageWithRenderingMode:UIImageRenderingModeAlwaysOriginal]];

edited Dec 17 '13 at 13:20

Marek Lipka

48,573
7
81
87

answered Dec 17 '13 at 13:03

Sandip Patel - SM

3,143
25
27

score -1 · Answer 6 · answered Jun 27 '14 at 07:54

-1

You can user sub method to init a tabBarItem.

-(instancetype)initWithTitle:(NSString *)title image:(UIImage *)image selectedImage:(UIImage *)selectedImage

answered Jun 27 '14 at 07:54

iosDeveloper

1

Selected state of tab bar icon in IOS 7

6 Answers6

Linked