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

Question

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

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

这是我目前的设置不起作用,蓝色背景有效,但粉红色不起作用:

Answer 1

从StoryBoard添加名为"tintColor"的运行时颜色属性.这是有效的(对于Xcode 8及更高版本).

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

Answer 2

这个优雅的解决方案适用于SWIFT 3.0和SWIFT 4.0:

在故事板上:

1. 选择标签栏
2. 设置一个名为tintColor的Runtime Attibute,以获得选项卡栏上所选图标的所需颜色
3. 设置一个名为unselectedItemTintColor的运行时属性,用于选项卡栏上未选定图标的所需颜色

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

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步

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

• 将标签栏:图像色调设置为您希望所选图标继承的颜色.
• 将标签栏:栏色调设置为您希望标签栏的颜色.
• 将视图:色调设置为您要在故事板编辑器中查看的颜色,这不会影响运行应用程序时的图标颜色.

第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故事板

Answer 8

您还可以按键路径设置所选图像条色调颜色:

希望对你有帮助!!谢谢

Answer 9

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)

Answer 10

您可以通过storyboard更改颜色UITabBarItem,但如果您想通过代码更改颜色,则非常容易:

//用于更改所选栏的颜色

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

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

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

//此行用于更改所有tabbar的颜色

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

Answer 11

不知何故,我们无法单独使用故事板更改Tab Bar选择的项目Tint颜色,因此我在ViewDidLoad中添加了下面的代码,希望这会有所帮助.

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

Answer 12

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

首先，创建自己的选项卡栏控制器子类并将其添加到情节提要中的选项卡控制器中。在该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 )
                }
            }
        }
    }
}

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

Answer 13

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

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