问题描述

今天在利用以下代码给导航栏按钮设置图片时，发现原本是黑色的切图显示成了蓝色。

UIButton *editButton = [UIButton buttonWithType:UIButtonTypeSystem]; [editButton setImage:[UIImage imageNamed:@"home_edit"] forState:UIControlStateNormal]; [editButton addTarget:self action:@selector(didTapEditButton:) forControlEvents:UIControlEventTouchUpInside];UIBarButtonItem *rightItem = [[UIBarButtonItem alloc] initWithCustomView:editButton]; self.navigationItem.rightBarButtonItem = rightItem;

得到的显示效果：

解决方案

在 iOS 7 的时候，UIImage 多了一个 renderingMode 的枚举类型属性，以设置 UIImage 对象的渲染方式，即是否根据当前的 Tint Color 进行渲染。UIImageRenderingMode 枚举的系统定义如下：

typedef NS_ENUM(NSInteger, UIImageRenderingMode) {UIImageRenderingModeAutomatic, // 根据图片的使用环境和所处的绘图上下文自动调整渲染模式。 UIImageRenderingModeAlwaysOriginal, // 始终绘制图片的原始状态, 不适用视图Tint ColorUIImageRenderingModeAlwaysTemplate, // 始终根据Tint Color进行图片绘制, 忽略图片原本的色彩信息 } API_AVAILABLE(ios(7.0));

renderingMode 属性的默认值为 UIImageRenderingModeAutomatic，我们可以利用系统提供的 imageWithRenderingMode: 方法进行该属性值的设置。

于是，我们修改上问题描述中的代码，让 UIImage 始终绘制图片的原始状态。

UIImage *image = [UIImage imageNamed:@"home_edit"]; [editButton setImage:[image imageWithRenderingMode:UIImageRenderingModeAlwaysOriginal] forState:UIControlStateNormal];

得到如下显示效果：

参考资料

• https://blog.csdn.net/willyang519/article/details/37566593
• https://blog.csdn.net/ShengQiangLiu/article/details/40352129

总结

以上是生活随笔为你收集整理的iOS - 解决设置导航栏按钮图片变色的问题的全部内容，希望文章能够帮你解决所遇到的问题。

如果觉得生活随笔网站内容还不错，欢迎将生活随笔推荐给好友。