在情节提要中更改选项卡栏项目选定的颜色


175

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

如何使用Xcode 6中的情节提要编辑器完成此任务?

这是我目前无法使用的设定,蓝色背景有效,但粉红色无效:

在此处输入图片说明



选中此答案将为您提供解决方案:stackoverflow.com/a/58727092/7804300
Talha Ahmed

Answers:


408

从StoryBoard添加名为“ tintColor”的运行时颜色属性。这正在工作(适用于Xcode 8及更高版本)。

如果您想要未选择的颜色,也可以添加unselectedItemTintColor

将tintColor设置为运行时属性


24
当我将此属性添加到UITabBarItem而不是UITabBar时,它对我有用。
Sourabh86

1
但是,如何在情节提要中设置选项卡栏项目“未选中的颜色”?
彼得

1
非常适合我的情况-选中后,我需要五个tabBar项是唯一的颜色。我能够UITabBarItemUINavigationController连接到我的tabBar的上设置此运行时属性,它可以完美地工作。都不需要编写任何代码,这太好了,因为我重复使用了VC类3次。谢谢!
rosshump

7
相反,这是唯一可在iOS 10上使用的方法(属性面板中的着色似乎不起作用,并且uitabbaritem的运行时属性“ tintColor”也不起作用。)
luky

5
StackOverflow 1:Apple 0
Sharukh Mastan's

175

这个优雅的解决方案非常适用于SWIFT 3.0SWIFT 4.2SWIFT 5.1

在情节提要上:

  1. 选择标签栏
  2. 在选项卡栏上为“ 所选图标”的所需颜色设置一个名为“ tintColor”运行时属性。
  3. 为选项卡栏上未选中图标的所需颜色设置一个名为unselectedItemTintColor运行时属性。

在此处输入图片说明

编辑:使用Xcode 8/10,适用于iOS 10/12及更高版本


6
非常感谢。unselectedItemTintColor发现非常罕见
Rushi trivedi

4
'unselectedItemTintColor'对我来说是完美的解决方案。
fozoglu

如果部署目标是8.0或9.0,是否可以使用?我已使用swift 3.0和Xcode 8.0进行开发
Mamta

2
选择选项卡栏很重要,对我而言确实在Swift 4中起作用。
Cons Bulaquena

2
优秀的!仍在使用xCode 10 :)不会刷新可视编辑器,但是一旦编译即可工作:)
Mihail Minkov '18年

64

在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值。


3
似乎其他方法都无效(任何其他方法)。
泰迪

@Jarrod我在这个问题上呆了将近1个小时,这个答案应该有更多的选票。谢谢!
Lance Samaria


18

雨燕3 | Xcode 10

如果要使所有选项卡栏项目具有相同的颜色(选中和未选中)...


第1步

确保将您的图像资产设置为“ 渲染为=模板图像”。这使他们可以继承颜色。

Xcode资产


第2步

使用情节提要板编辑器可以如下更改标签栏设置:

  • 将“ 标签栏:图像色调”设置为希望所选图标继承的颜色。
  • 设置标签栏:将“ Bar Tint”设置为您希望标签栏成为的颜色。
  • 将“ 视图:色调”设置为您要在情节提要编辑器中看到的颜色,这不会影响应用程序运行时的图标颜色。

Xcode故事板编辑器


第三步

步骤1和2将更改所选图标的颜色。如果您仍想更改未选中项目的颜色,则需要在代码中进行更改。我没有找到通过情节提要编辑器执行此操作的方法。

创建自定义标签栏控制器类...

//  TabBarController.swift

class TabBarController: UITabBarController {

    override func viewDidLoad() {
        super.viewDidLoad()

        // make unselected icons white
        self.tabBar.unselectedItemTintColor = UIColor.white
    }
}

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

Xcode故事板编辑器


如果您知道如何通过情节提要编辑器更改未选择的图标颜色,请告诉我。谢谢!


self.tabBar.unselectedItemTintColor = UIColor.white self.tabBar.tintColor = #colorLiteral(red: 0.2, green: 0.7333333333, blue: 0.3450980392, alpha: 1) 为我工作
Wahab Khan Jadon

9

将此代码放在要更改其颜色的视图控制器的viewDidLoad中

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

1
是否无法更改所有选项卡?
Deekor 2014年

只需将具有相同颜色的代码放入视图中,便会加载所有选项卡
Nick

您可以在制作UITabController后立即使用此代码,它将为您选择的所有选项卡项设置您提到的颜色。
杰林2015年

没有这样的方法setSelectedImageTintColor
Madhu Avinash


7

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

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

6

您可以通过情节提要更改颜色UITabBarItem,但是如果您想通过代码更改颜色,则非常简单:

//使用此按钮更改所选栏的颜色

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

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

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

//这行用于更改所有标签栏的颜色

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

setUnselectedItemTintColor仅适用于iOS 10
ondermerol '17

5

由于某种原因,我们无法仅使用情节提要来更改选项卡栏选定项的色调颜色,因此我在ViewDidLoad中添加了以下代码,希望能有所帮助。

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

5

将此代码添加到您的应用程序委托中-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


4

这是在iOS 10中可以使用的Swift 3解决方案:

首先,您创建自己的选项卡栏控制器子类,并将其添加到情节提要中的选项卡控制器中。viewDidLoad()然后,您可以在该方法中自定义标签栏。这里应该说的tintColor属性tabBar代表所选项目的颜色,而不是未选中项目的颜色!为了更改未选中项目的颜色,我建议遍历每个项目并使用图像的原始颜色,这样它们不会自动呈现为灰色。

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

这种方法的唯一缺点是您的商品图像必须已经具有所需的目标颜色。


复杂。Jarrod的答案适用于所有图标。
Jose Ramirez


2

您可以将子类化UITabBarController,然后在情节提要中将其替换。在viewDidLoad子类的实现中,调用以下代码:

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

得到:'UITabBar' does not have a member named 'setSelectedImageTintColor'
Deekor 2014年

我也在用swift,所以我说:self.tabBar.setSelectedImageTintColor = UIColor.greenColor不确定那是正确还是不正确
Deekor 2014年

2
@Deekor它tintColor不是selectedImageTintColor,顺便说一句selectedImageTintColor在iOS的8弃用
chancyWu
By using our site, you acknowledge that you have read and understand our Cookie Policy and Privacy Policy.
Licensed under cc by-sa 3.0 with attribution required.