UIView中的tintColor和renderingMode

最新推荐文章于 2021-04-01 09:10:17 发布

weixin_30810583

最新推荐文章于 2021-04-01 09:10:17 发布

阅读量155

点赞数

CC 4.0 BY-SA版权

原文链接：http://www.cnblogs.com/huahuahu/p/UIView-zhong-detintColor-herenderingMode.html

本文详细介绍了iOS中view的tintColor属性及其在不同组件中的应用，特别是如何通过设置tintColor实现换肤效果，并解释了UIImageRenderingMode的两种模式及其对图像显示的影响。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

tintColor

每一个view都有一个tintcolor，类似于魔法色，实现类似于换肤的效果。
每一个view的subview都集成view的tintcolor，当然subview可以指定自己的tintcolor
如果不指定的话，默认为blue

对于tabBar，不指定tintColor的话，效果如下：

未指定tintcolor，默认blue
如果指定了tintColor为黄色，效果如下：

self.tabBar.tintColor = UIColor.yellowColor()

tintColor为黄色

UIImageRenderingMode

在iOS7以后，每个image的渲染模式有两种，一种是作为原图来渲染，一种是作为模板。作为模板来渲染时，系统会根据这种图片的alpha值来得到一个新的图片，原图的RGB色值不会被考虑。而tintColor的颜色是新图片的颜色。

每一个image在创建时候，渲染模式都是UIImageRenderingModeAutomatic，即根据上下文来选择渲染模式。根据文档，在导航栏、tabBar、toolbar等的前景图(foreground images)会在模板模式下被渲染。所以，如果我们在初始化tabBarItem时，如果不指定渲染模式为UIImageRenderingModeAlwaysOriginal，就会得到一个色块，而不是原图。

例子

        self.tabBar.tintColor = UIColor.yellowColor()
        self.pigVC?.tabBarItem = UITabBarItem.init(title: "pig",
                                                   image:TGResizeImage(image!,byRatio: 0.5),
                                                   tag: 1);
        self.catVC?.tabBarItem = UITabBarItem.init(title: "cat",
                                                   image:TGResizeImage(image!,byRatio: 0.5).imageWithRenderingMode(.AlwaysOriginal),
                                                   tag: 0);

设置了一个UITabBarController,有5个VC。pigVC的tabBarItem初始化时，没有指定对应的imageview的renderingMode，而tabBar的tintColor又是黄色。对比catVC，初始化tabBarItem时，imageView的renderingMode指定为.AlwaysOriginal。效果如下：

选中catVC

选中pigVC
可以看出pigVC在选中态、未选中态时，对应tabBarItem的图像都是色块，不同的是选中时，色块颜色是指定的tintColor，即黄色。
catVC在选中态、未选中态时，对应的tabBarItem的图像都是原图。
两个tabBarItem的文字的颜色在选中态都是tintColor对应的颜色。