Change color of UITabBar Icon

Question

I want to change the UI Tab Bar Icon colour to the values: Red: 0.75, Green: 1.0, Blue: 1.0, Alpha: 1.0 and to white when the Icon is not selected.

Till now I thought this is how you do it:

UITabBarItem.appearance().finishedSelectedImage([NSForegroundColorAttributeName: UIColor(red: 0.75, green: 1.0, blue: 1.0, alpha: 1.0)], forState: UIControlState.Selected)

    UITabBarItem.appearance().finishedUnselectedImage([NSForegroundColorAttributeName: UIColor.whiteColor()], forState: UIControlState.Normal)

The code above is in my delegate.

Now I have put this code:

import UIKit

class UITabBarViewController: UIViewController {

override func viewDidLoad() {
    super.viewDidLoad()

    var testImage = UIImage(named: "22274")?.imageWithRenderingMode(UIImageRenderingMode.AlwaysTemplate)
    testImageView.tintColor = UIColor.redColor()
    testImageView.image = testImage

    // Do any additional setup after loading the view.
}

override func didReceiveMemoryWarning() {
    super.didReceiveMemoryWarning()
    // Dispose of any resources that can be recreated.
}



}

Into my tab bar view controller cocco touch file. I don't know why I'm getting an error still

I have no images at the moment but im talking about the future. I can see it in the 'more' tab bar icon that it is grey and it doesn't go well with my blue background. @DánielNagy — Arafat Qureshi, Dec 13 '14 at 14:54
http://stackoverflow.com/questions/10755576/how-to-change-the-color-of-an-uiimage this is an objective c example, but look at the second answer, not the accepted one — Dániel Nagy, Dec 13 '14 at 15:25
Can you convert it into swift and tell me where to put that code please? @DánielNagy — Arafat Qureshi, Dec 13 '14 at 15:32

score 0 · Answer 1 · answered Dec 13 '14 at 13:22

0

I had traverse all the sub-controllers of UITabbarController, and then set the TabBarItem's color or tint color of each controller, it does work.

answered Dec 13 '14 at 13:22

ImWH

820
1
7
20

score 0 · Answer 2 · answered Dec 13 '14 at 15:46

0

If the tabbaritem has an image, you can set its color by:

var testImage = UIImage(named: "someImageName")?.imageWithRenderingMode(UIImageRenderingMode.AlwaysTemplate)
testImageView.tintColor = UIColor.redColor()
testImageView.image = testImage

answered Dec 13 '14 at 15:46

Dániel Nagy

11,815
9
50
58

Where do I add this? In the delegates or the actual view controller? – Arafat Qureshi Dec 13 '14 at 15:50
in the actual viewcontollers, for example in the viewDidLoad function – Dániel Nagy Dec 13 '14 at 15:53
which view controller? The one I made for the Tab Bar Navigation Controller? or just any screen? – Arafat Qureshi Dec 13 '14 at 15:58
The best is if you put to the one that you created for the tab bar, but it doesn't really matter. – Dániel Nagy Dec 13 '14 at 15:59
I'm getting an error saying: Use of unresolved identifier 'testImageView' – Arafat Qureshi Dec 13 '14 at 16:02
Of course you have, you should write there the name of the image you want to color, if you have any – Dániel Nagy Dec 13 '14 at 17:18

score 0 · Answer 3 · answered Oct 22 '20 at 06:14

I think It's not available to make it, you can just get an image in the color you want and use it in the UITabbar but regarding to change the all TabBar colors you can use the below in your AppDelegate in Func:

didFinishLaunchingWithOptions

Lines To be added:

UITabBar.appearance().barTintColor = #colorLiteral(red: 0.2000651062, green: 0.1960035861, blue: 0.2000851929, alpha: 1)

UITabBar.appearance().tintColor = #colorLiteral(red: 0.2000651062, green: 0.1960035861, blue: 0.2000851929, alpha: 1)

UITabBar.appearance().unselectedItemTintColor = #colorLiteral(red: 0.7415059209, green: 0.5448099971, blue: 0.5051562786, alpha: 1)

Note: You can change colors depending on your App

Check the image: https://i.stack.imgur.com/wESVH.png

and have a happy coding day

Change color of UITabBar Icon

3 Answers3