更改故事板中的选项卡栏项目选定的颜色

我想要改变我的标签栏项目为粉红色时,而不是默认的蓝色。

我怎样才能使用Xcode 6中的故事板编辑器来完成这个?

这是我目前的设置不工作,蓝色的背景工作,但粉红色不工作:

在这里输入图像描述

从StoryBoard中添加名为“tintColor”的运行时颜色属性。 这是工作。

将tintColor设置为运行时属性

这个优雅的解决scheme在SWIFT 3.0上效果很好:

在故事板上:

  1. select你的标签栏
  2. 设置名为tintColorRuntime Attibute ,以获取选项卡栏上所选图标的所需颜色
  3. 设置一个名为unselectedItemTintColorRuntime Attibute ,以获取标签栏上Unselected Icon所需的颜色

在这里输入图像描述

编辑:testing与Xcode 8,iOS 10及以上

在Swift中,使用xcode 7(及更高版本),可以将以下内容添加到AppDelegate.swift文件中:

 UITabBar.appearance().tintColor = UIColor(red: 255/255.0, green: 255/255.0, blue: 255/255.0, alpha: 1.0) 

这是完整方法的样子:

 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 } 

在上面的例子中,我的项目将是白色的。 “/255.0”是需要的,因为它需要一个从0到1的值。对于白色,我可以只使用1.但对于其他颜色,您可能会使用RGB值。

Xcode8我从故事板改变了ImageTint ,效果很好。

在这里输入图像描述

结果:

在这里输入图像描述

把这个代码放在你想改变颜色的视图控制器的viewDidLoad中

 [[UITabBar appearance] setSelectedImageTintColor:[UIColor whiteColor]]; 

您还可以通过按键path设置选定的图像条色调颜色:

在这里输入图像描述

希望这会帮助你! 谢谢

XCode 8.2,iOS 10,Swift 3:现在有一个tabBarunselectedItemTintColor属性:

 self.tabBar.unselectedItemTintColor = UIColor(red: 0/255.0, green: 200/255.0, blue: 0/255.0, alpha: 1.0) 

不知何故,我们不能改变标签栏选定的项目色调单独使用故事板,因此我在我的ViewDidLoad下面添加代码,希望这有助于。

 [[UITabBar appearance] setTintColor:[UIColor whiteColor]]; 

你可以通过故事板来改变颜色UITabBarItem,但是如果你想通过代码来改变颜色,这很容易:

/ /使用这个改变选定的栏的颜色

  [[UITabBar appearance] setTintColor:[UIColor blueColor]]; 

/ /这更改未选中的栏(iOS 10)

  [[UITabBar appearance] setUnselectedItemTintColor:[UIColor yellowColor]]; 

/ /和这行改变所有tabbar的颜色

  [[UITabBar appearance] setBarTintColor:[UIColor whiteColor]]; 

这是Swift 3中适用于iOS 10的解决scheme:

首先,创build自己的标签栏控制器子类并将其添加到故事板中的标签控制器。 在viewDidLoad()方法中,您可以自定义选项卡栏。 这里应该说明, tabBartintColor属性代表了所选项目的颜色,而不是未选定颜色的颜色! 为了改变未select的项目的颜色,我build议循环每个项目,并使用您的图像的原始颜色,所以他们不会自动呈现为灰色。

 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 ) } } } } } 

这种方法唯一的缺点是你的物品图像必须已经有你想要的颜色。

Swift 3 | Xcode 10

如果你想让所有的标签栏项目相同的颜色 (select和未选中)…


步骤1

确保您的图片资源设置为“ 渲染为”=“模板图片” 。 这使他们能够inheritance颜色。

Xcode资产


第2步

使用故事板编辑器来更改您的标签栏设置,如下所示:

  • 选项卡栏:图像色调设置为所需图标inheritance的颜色。
  • 设置标签栏:栏色调为您想要标签栏的颜色。
  • 设置视图:将色调调整为您想要在故事板编辑器中看到的颜色,这不会影响运行应用程序时的图标颜色。

Xcode Storyboard Editor


第3步

步骤1和2将更改所选图标的颜色。 如果你仍然想改变未select的项目的颜色,你需要在代码中完成。 我还没有find通过故事板编辑器的方法。

创build一个自定义标签栏控制器类…

 // TabBarController.swift class TabBarController: UITabBarController { override func viewDidLoad() { super.viewDidLoad() // make unselected icons white self.tabBar.unselectedItemTintColor = UIColor.white } } 

…并将自定义类分配给您的标签栏场景控制器。

Xcode Storyboard Editor


如果你想知道如何通过故事板编辑器改变未select的图标颜色,请让我知道。 谢谢!

您可以UITabBarController ,并在故事板中将其replace。 在你的viewDidLoad实现的子类中调用这个:

 [self.tabBar setTintColor:[UIColor greenColor]]; 

将此代码添加到您的应用程序委托-did_finish_launching_with_options函数中

 UITabBar.appearance().tintColor = UIColor( red: CGFloat(255/255.0), green: CGFloat(99/255.0), blue: CGFloat(95/255.0), alpha: CGFloat(1.0) ) 

把所需颜色的RGB