IOS - tab bar item image modifications

Question

I want to change the default color of the tab bar item image to be the original color of the image (black) as opposed to a gray when it's not selected.

I also want to change the tab bar item image to a filled version once it's selected.

Last thing is the position.. It seems to expect text under it so it's not centered, how do I center it vertically and possibly make it smaller?

I'm currently setting it this way:

   let profileNavController = UINavigationController(rootViewController: profileController)
        profileNavController.tabBarItem.image = UIImage(named: "icon_tab_user")

This is how it looks selected and unselected:

score 0 · Answer 1 · edited May 23 '17 at 12:02

0

From apple we know,

By default, the actual unselected and selected images are automatically created from the alpha values in the source images. To prevent system coloring, provide images with UIImageRenderingModeAlwaysOriginal.

Take a look here.
Changing tab bar item image and text color iOS

edited May 23 '17 at 12:02

Community

1
1

answered Sep 24 '16 at 13:29

Jamshed Alam

12,424
5
26
49

score 0 · Accepted Answer · answered Sep 24 '16 at 13:54

I was able to change the highlighted and unhighlighted images as well as the position with this:

let profileNavController = UINavigationController(rootViewController: profileController)
        let profileTabBarItem  = UITabBarItem(title: nil, image: UIImage(named: "icon_tab_user")?.withRenderingMode(UIImageRenderingMode.alwaysOriginal), selectedImage: UIImage(named: "icon_tab_user_highlighted"))
        profileTabBarItem.imageInsets = UIEdgeInsetsMake(5.5, 0, -5.5, 0)
        profileNavController.tabBarItem = profileTabBarItem

IOS - tab bar item image modifications

2 Answers2