设置 TabBarItem 选中时的图片及文字颜色

标签：

TabBarController 是在 ios 开发过程中使用较为频繁的一个 Controller，但是在使用过程中经常会遇到一些问题，例如本文所要解决的，如何修改 TabBar 选中时文字及图片的颜色。

如果需要，可以从这里下载完整的代码。

首先，我们创建一个新的项目，使用 TabBarController，并为该 TabBarController 的 Child Controller 中的 TabBarItem 设置默认图片以及选中时的图片，如下图所示：

storyboard:

tab bar items:

image assets：

我们将 tab bar item 的默认图片是设置为灰色图，选中后是红色图。编译运行该项目，会发现并不是我们所期望的，貌似我们的设置的选中图片并没有生效呀~~（其实是生效的，只是图片颜色不对罢了~不信的话，可以将selected image和image设置成不同的图片看看哦~）

通过查看下 ios 中生成 tab bar item 的 api 可以发现：

原来 UIImage 在呈现(render)时会选择对应的呈现方式(render mode)，ios提供了3种render mode，分别是

所以要解决我们遇到的问题，只需要设置选中的图片的render mode就可以了。

打开其中一个view controller, 在viewDidLoad方法里添加下述代码：

1   UIImage *image = [self.tabBarItem.selectedImage imageWithRenderingMode:UIImageRenderingModeAlwaysOriginal];
2   self.tabBarItem.selectedImage = image;

View Code

重新运行程序，可以看到选中的tab bar item变成红色的图片了，但是文字的颜色还是木有变呀~

我们可以用 text attribute 的方式设置文字样式，在上述代码下继续添加：

1   [self.tabBarItem setTitleTextAttributes:@{NSForegroundColorAttributeName: [UIColor redColor]} forState:UIControlStateSelected];

View Code

 编译运行，可以看到字和图片都变成我们想要的啦，大功告成~

设置 TabBarItem 选中时的图片及文字颜色

标签：

原文地址：http://www.cnblogs.com/philipding/p/5322581.html