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

Question

我想在选择时将我的标签栏项目更改为粉红色，而不是默认的蓝色。

如何使用 Xcode 6 中的故事板编辑器完成此操作？

这是我当前无法使用的设置，蓝色背景有效，但粉红色背景无效：

Answer 1

从 StoryBoard 添加名为“tintColor”的运行时颜色属性。 这是有效的（对于 Xcode 8 及更高版本）。

如果你想要未选择的颜色..你也可以添加unselectedItemTintColor 。

Answer 2

这个优雅的解决方案在SWIFT 3.0 、 SWIFT 4.2和SWIFT 5.1上效果很好：

在故事板上：

1. 选择您的标签栏
2. 为选项卡栏上选定图标的所需颜色设置名为tintColor的运行时属性
3. 设置名为unselectedItemTintColor的运行时属性，用于选项卡栏上未选择图标的所需颜色

编辑：使用 Xcode 8/10，适用于 iOS 10/12 及更高版本。

Answer 3

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

Answer 4

在Xcode8我更改了情节ImageTint ，并且效果很好。

结果：

Answer 5

斯威夫特 3 | Xcode 10

如果您想让所有标签栏项目具有相同的颜色（选中和未选中）...

---

第1步

确保您的图像资产设置为Render As = Template Image 。 这允许他们继承颜色。

---

第2步

使用情节提要编辑器更改标签栏设置，如下所示：

• 将Tab Bar: Image Tint设置为您希望所选图标继承的颜色。
• 将Tab Bar: Bar Tint设置为您希望标签栏的颜色。
• 将View: Tint设置为您希望在故事板编辑器中看到的颜色，这不会影响您的应用程序运行时的图标颜色。

---

第 3 步

步骤 1 和 2 将更改所选图标的颜色。 如果你还想改变未选中项的颜色，则需要在代码中进行。 我还没有找到通过故事板编辑器来做到这一点的方法。

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

//  TabBarController.swift

class TabBarController: UITabBarController {

    override func viewDidLoad() {
        super.viewDidLoad()

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

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

---

如果您想知道如何通过故事板编辑器更改未选择的图标颜色，请告诉我。 谢谢！

Answer 6

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

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

Answer 7

最好的方法是在情节Image Tint中更改Image Tint

Answer 8

您还可以通过关键路径设置选定的图像条色调颜色：

希望能帮到你！！ 谢谢

Answer 9

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)

Answer 10

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

// 使用它来改变选定条的颜色

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

// 这用于更改未选中的栏（iOS 10）

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

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

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

Answer 11

不知何故，我们无法单独使用情节提要更改选项卡栏所选项目的色调颜色，因此我在我的 ViewDidLoad 中添加了以下代码，希望这会有所帮助。

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

Answer 12

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

Answer 13

这是适用于 iOS 10 的 Swift 3 中的解决方案：

首先，您创建自己的标签栏控制器子类并将其添加到故事板中的标签控制器。 在viewDidLoad()方法中，您可以自定义标签栏。 这里需要说明的是， tabBar的tintColor属性代表的是选中项的颜色，而不是未选中项的颜色！ 为了更改未选择项目的颜色，我建议循环遍历每个项目并使用图像的原始颜色，这样它们就不会自动呈现为灰色。

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

这种方法的唯一缺点是您的项目图像必须已经具有您想要的颜色。

Answer 14

您可以UITabBarController ，并在故事板中用它替换那个。 在子类的viewDidLoad实现中调用：

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

Answer 15

故事板中的图像色调对我有用。