TabBar的颜色处理方案

很多手机的App的底部都需要用到TabBar, 对于初学者来说, TabBar上的各种颜色的设置是很恼火的一个问题,这个本人也深有体会,经过一段时间的使用,我总结了一个比较笨但是非常实用的办法(简单粗暴,可以解决所有问题).

1- 首先, 每个barButtonItem的图片都要切两张,一张是未选中状态的,一张是selected状态的, barButtonItem添加图片时, 取消图片的颜色渲染效果, 这样TabBar的颜色无论怎么设置, 怎么渲染, 都不会影响到图片的颜色.至此, 图片颜色搞定.参考代码如下, 其中imageName为外部传入的参数:

// 设置未选中图片(取消渲染,原始效果)
    vc.tabBarItem.image = [[UIImage imageNamed:imageName]imageWithRenderingMode:UIImageRenderingModeAlwaysOriginal];
    // 设置选中图片(取消渲染,原始效果)
    vc.tabBarItem.selectedImage = [[UIImage imageNamed:[imageName stringByAppendingString:@"_Sel"]]imageWithRenderingMode:UIImageRenderingModeAlwaysOriginal];

2- 标题文字的颜色和大小(在UITabBarController的viewDidLoad方法中调用此方法)

- (void)setupTabBarColor {
    
    // 未选中状态的标题颜色
    [[UITabBarItem appearance] setTitleTextAttributes:@{NSFontAttributeName:[UIFont systemFontOfSize:14], NSForegroundColorAttributeName:[UIColor greenColor]} forState:UIControlStateNormal];
    
    // 选中状态的标题颜色
    [[UITabBarItem appearance] setTitleTextAttributes:@{NSFontAttributeName:[UIFont systemFontOfSize:14], NSForegroundColorAttributeName:[UIColor purpleColor]} forState:UIControlStateSelected];
}

3- TabBar的背景颜色

- (void)setupTabBarColor {
    
    // 背景图颜色
    [self.tabBar setBarTintColor:[UIColor purpleColor]];
    
    // 未选中状态的标题颜色
    [[UITabBarItem appearance] setTitleTextAttributes:@{NSFontAttributeName:[UIFont systemFontOfSize:14], NSForegroundColorAttributeName:[UIColor greenColor]} forState:UIControlStateNormal];
    
    // 选中状态的标题颜色
    [[UITabBarItem appearance] setTitleTextAttributes:@{NSFontAttributeName:[UIFont systemFontOfSize:14], NSForegroundColorAttributeName:[UIColor purpleColor]} forState:UIControlStateSelected];
}

除了上面的方案,补充一点额外的知识

- 在UITabBar这个类中有如下三个属性

1) tintColor会影响选中状态下标题的颜色(若图片不取消渲染效果,还会影响图片的颜色), iOS7之前,这个属性是用来影响背景颜色的.

2) barTintColor会影响背景颜色, iOS7出现的新属性,用来代替tintColor的作用, tintColor在iOS7及之后另作他用.

3) unselectedItemTintColor是iOS10新添加的属性.

4) 其实还有一个和颜色相关的属性是backgroundColor(继承自UIView),不要认为这个很简单, 我曾经跪过%>_<%