I want to change my tab bar items to be pink when selected instead of the default blue.
How can i accomplish this using the storyboard editor in Xcode 6?
Here are my current setting which are not working, the blue background works but the pink doesnt work:
Add Runtime Color attribute named "tintColor" from StoryBoard. This is working( for Xcode 8 and above ).
if you want unselected color.. you can add unselectedItemTintColor
too.
This elegant solution works great on SWIFT 3.0 , SWIFT 4.2 and SWIFT 5.1 :
On the Storyboard:
Edit: Working with Xcode 8/10, for iOS 10/12 and above .
In Swift, using xcode 7 (and later), you can add the following to your AppDelegate.swift file:
UITabBar.appearance().tintColor = UIColor(red: 255/255.0, green: 255/255.0, blue: 255/255.0, alpha: 1.0)
This is the what the complete method looks like:
func application(application: UIApplication, didFinishLaunchingWithOptions launchOptions: [NSObject: AnyObject]?) -> Bool {
// I added this line
UITabBar.appearance().tintColor = UIColor(red: 255/255.0, green: 255/255.0, blue: 255/255.0, alpha: 1.0)
return true
}
In the example above my item will be white. The "/255.0" is needed because it expects a value from 0 to 1. For white, I could have just used 1. But for other color you'll probably be using RGB values.
Swift 3 | Xcode 10
If you want to make all tab bar items the same color (selected & unselected)...
Step 1
Make sure your image assets are setup to Render As = Template Image . This allows them to inherit color.
Step 2
Use the storyboard editor to change your tab bar settings as follows:
Step 3
Steps 1 & 2 will change the color for the selected icon. If you still want to change the color of the unselected items, you need to do it in code. I haven't found a way to do it via the storyboard editor.
Create a custom tab bar controller class...
// TabBarController.swift
class TabBarController: UITabBarController {
override func viewDidLoad() {
super.viewDidLoad()
// make unselected icons white
self.tabBar.unselectedItemTintColor = UIColor.white
}
}
... and assign the custom class to your tab bar scene controller.
If you figure out how to change the unselected icon color via the storyboard editor please let me know. Thanks!
将此代码放在要更改颜色的视图控制器的 viewDidLoad 中
[[UITabBar appearance] setSelectedImageTintColor:[UIColor whiteColor]];
XCode 8.2、iOS 10、Swift 3:现在tabBar
有一个unselectedItemTintColor
属性:
self.tabBar.unselectedItemTintColor = UIColor(red: 0/255.0, green: 200/255.0, blue: 0/255.0, alpha: 1.0)
You can change colors UITabBarItem by storyboard but if you want to change colors by code it's very easy:
// Use this for change color of selected bar
[[UITabBar appearance] setTintColor:[UIColor blueColor]];
// This for change unselected bar (iOS 10)
[[UITabBar appearance] setUnselectedItemTintColor:[UIColor yellowColor]];
// And this line for change color of all tabbar
[[UITabBar appearance] setBarTintColor:[UIColor whiteColor]];
不知何故,我们无法单独使用情节提要更改选项卡栏所选项目的色调颜色,因此我在我的 ViewDidLoad 中添加了以下代码,希望这会有所帮助。
[[UITabBar appearance] setTintColor:[UIColor whiteColor]];
Add this code in your app delegate -did_finish_launching_with_options function
UITabBar.appearance().tintColor = UIColor( red: CGFloat(255/255.0), green: CGFloat(99/255.0), blue: CGFloat(95/255.0), alpha: CGFloat(1.0) )
put the RGB of the required color
This is the solution in Swift 3 that works in iOS 10:
Firstly, you create your own tab bar controller subclass and add it to your tab controller in your storyboard. In the viewDidLoad()
method you can then customize the tab bar. It should be stated here that the tintColor
attribute of the tabBar
represents the color of the selected item not the color of the unselected ones! In order to change the color of the unselected items, I recommend looping through each item and use the original colors of your images, so they are not rendered as grey automatically.
class CustomTabBarVC: UITabBarController
{
override func viewDidLoad()
{
super.viewDidLoad()
self.tabBar.tintColor = AppColor.normalRed
self.tabBar.barTintColor = .white
self.tabBar.isTranslucent = true
if let items = self.tabBar.items
{
for item in items
{
if let image = item.image
{
item.image = image.withRenderingMode( .alwaysOriginal )
}
}
}
}
}
The only downside with this approach is that your item images must already have the desired color you aim for.
You can subclass the UITabBarController
, and replace the one with it in the storyboard. In your viewDidLoad
implementation of subclass call this:
[self.tabBar setTintColor:[UIColor greenColor]];
The technical post webpages of this site follow the CC BY-SA 4.0 protocol. If you need to reprint, please indicate the site URL or the original address.Any question please contact:yoyou2525@163.com.