change inactive color of the tab item

Question

I was able to change the active color of my tab bar using this answer

my problem is i dont know how to change the inactive ones like the friends and search tab.I want to change it something like red. I have search so much and decided to ask because i coudn't find any solution.Please bear with me since im new to ios development using swift.

possibly duplicated http://stackoverflow.com/questions/33583693/how-to-change-tint-color-of-tab-bar-in-swift/33587568#33587568 — Alexey Pichukov, Jan 08 '16 at 07:13

score 4 · Accepted Answer · answered Jan 11 '16 at 03:24

I will post what I did to get what i want to achieve.This might also help biggener's like me in the future.

First I have created two images for each icon

Home Icon,Friends Icon and Search Icon each has white and green color

Then clicking Assets.xcassets file to add New Image Set

Making it sure that the green icons Render As is set to Original Image since this will be the inactive color icon of our tab bar.Here is a sample screen shots for the sample attribute

By setting the Home Item tab bar Icon. Please Note

System Item => Custom
Selected Image => Home_w//Name of the home white icon
Title => Home
Image=> Home_g//Name of the Inactive tabbar item in my case are sets to green icons

finally overriding Title Color of our tab bar items in AppDelegate.swift.Please note i have used UIColor_Hex_Swift for hex UIColor.

func application(application: UIApplication, didFinishLaunchingWithOptions launchOptions: [NSObject: AnyObject]?) -> Bool {
    // Override point for customization after application launch.

    let color:UIColor =  UIColor(rgba: "#026a34") //UIColor(hexString:"026a34")

    UITabBarItem.appearance().setTitleTextAttributes([NSForegroundColorAttributeName: color], forState: .Normal)

    // then if StateSelected should be different, you should add this code
    UITabBarItem.appearance().setTitleTextAttributes([NSForegroundColorAttributeName: UIColor.whiteColor()], forState: .Selected)

    return true
}

Out put(White ones are the selected Image and green ones are the inactive image)

score 1 · Answer 2 · answered Jan 08 '16 at 07:22

1

You can set the property Render As of your tab bar images within your asset catalog directly. There you have the option to set the property to Default, Original Image and Template Image.

answered Jan 08 '16 at 07:22

Ashish

679
7
19

where could i find asset catalog?I really dont know about it because i new to ios development – jameshwart lopez Jan 08 '16 at 07:28

score 1 · Answer 3 · answered May 10 '17 at 23:53

1

Since iOS 10 you can use this to change the tab item colors (you have to have the images rendering as templates):

    UITabBar.appearance().tintColor = .blue
    UITabBar.appearance().unselectedItemTintColor = .gray

answered May 10 '17 at 23:53

odm

888
1
14
22

score 0 · Answer 4 · answered Jan 08 '16 at 07:22

0

Try this

 self.tabBar.tintColor=[UIColor whiteColor];

answered Jan 08 '16 at 07:22

Avijit Nagare

8,482
7
39
68

Can you explain more? where will i put that code?I know I was able to change tintcolor without using any code.my problem is the inactive ones , the search and the friends tab item. – jameshwart lopez Jan 08 '16 at 07:29
Subclass UITabBarController set class. and write in viewDidLoad – Avijit Nagare Jan 08 '16 at 07:33

score 0 · Answer 5 · edited May 23 '17 at 11:47

0

Possibly this is the best link you wish to search for your concrete solution.

edited May 23 '17 at 11:47

Community

1
1

answered Jan 08 '16 at 07:31

AddWeb Solution Pvt Ltd

21,025
5
26
57

change inactive color of the tab item

5 Answers5