导航条UIBarButtonItem添加图片，如何避免渲染

今天在学swift的时候发现的这个方法（表脸啊，明明是一起学swift的小伙伴先发现的啊），只需要一句代码（看看下面的这些代码，真是又忧伤又喜悦）

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

关键在 imageWithRenderingMode这个方法，看Apple注释

// Create a version of this image with the specified rendering mode. By default, images have a rendering mode of UIImageRenderingModeAutomatic.
- (UIImage *)imageWithRenderingMode:(UIImageRenderingMode)renderingMode NS_AVAILABLE_IOS(7_0);

大意是用指定的渲染模式创建image对象。默认情况下，图像的渲染模式uiimagerenderingmodeautomatic，我们需要的是UIImageRenderingModeAlwaysOriginal

讲真，我会一辈子记住这句代码...

====================================================================================================================================

今天做项目时碰到的需求：

导航条的leftBarButtonItem需要做一个未读提醒，效果如图所示：

贴心的UI妹子也给切图了，有未读一套图，读完另外一套。

熟悉导航条的都知道，导航条有个tintColor属性，当你不设置时恒为蓝色，而设置了就恒为你设置的颜色(例:白色)，然后搞了半天，我就有些崩溃，以我的水平真的是没找到利用导航条属性来倔强的用UI妹子图的方法。

在下输了，于是发挥了中国人迂回解决问题的方法，舍弃UI妹子，单独创建一个Button来显示未读小红点，代码如下：

- (UIView *)myView {if (!_myView) {_myView = [[UIView alloc] initWithFrame:CGRectMake(0, 0, 36, 36)];UIButton *btn = [UIButton buttonWithType:UIButtonTypeCustom];[btn setAdjustsImageWhenHighlighted:NO];[btn addTarget:self action:@selector(enterPersonInfoPage) forControlEvents:UIControlEventTouchUpInside];[_myView addSubview:btn];[btn mas_makeConstraints:^(MASConstraintMaker *make) {make.edges.equalTo(_myView).insets(UIEdgeInsetsMake(0, 0, 0, 0));}];[btn setImage:[UIImage imageNamed:@"lt_ic_my"] forState:UIControlStateNormal];UIButton *unreadBtn = [UIButton buttonWithType:UIButtonTypeCustom];self.unreadBtn = unreadBtn;[_myView addSubview:unreadBtn];[unreadBtn mas_makeConstraints:^(MASConstraintMaker *make) {make.top.equalTo(_myView).offset(3);make.right.equalTo(_myView).insets(UIEdgeInsetsZero);make.height.equalTo(8);make.width.equalTo(8);}];}return _myView;
}

设置导航条时直接：

self.navigationItem.leftBarButtonItem = [[UIBarButtonItem alloc] initWithCustomView:self.myView];

当有未读消息时：

[self.unreadBtn setImage:[UIImage imageNamed:@"unread"] forState:UIControlStateNormal];

没有时：

[self.unreadBtn setImage:nil forState:UIControlStateNormal];

今天又找到一个方法：

在放图片的button下方放一个透明的button，代码如下：

- (UIView *)myView {if (!_myView) {_myView = [[UIView alloc] initWithFrame:CGRectMake(0, 0, 36, 36)];UIButton *clearBtn = [UIButton buttonWithType:UIButtonTypeCustom];[clearBtn setAdjustsImageWhenHighlighted:NO];[_myView addSubview:clearBtn];[clearBtn mas_makeConstraints:^(MASConstraintMaker *make) {make.edges.equalTo(_myView).insets(UIEdgeInsetsMake(0, 0, 0, 0));}];UIButton *btn = [UIButton buttonWithType:UIButtonTypeCustom];[btn setAdjustsImageWhenHighlighted:NO];[btn addTarget:self action:@selector(enterPersonInfoPage) forControlEvents:UIControlEventTouchUpInside];[_myView addSubview:btn];[btn mas_makeConstraints:^(MASConstraintMaker *make) {make.edges.equalTo(_myView).insets(UIEdgeInsetsMake(0, 0, 0, 0));}];[btn setImage:[UIImage imageNamed:@"lt_ic_my"] forState:UIControlStateNormal];self.myBtn = btn;}return _myView;
}

当有未读消息时：

[self.myBtn setImage:[UIImage imageNamed:@"lt_ic_my_unread"] forState:UIControlStateNormal];

没有时：

[UIImage imageNamed:@"lt_ic_my"] forState:UIControlStateNormal];

原因是导航条与放置图片的button中间隔了一层button，导航条tintColor渲染不到了，大概吧，原因找到了再贴。

至此，小马述一家之言。

导航条UIBarButtonItem添加图片，如何避免渲染相关推荐

iOS源码学习-导航条加阴影，自定义导航条的背景图片
介绍: 给导航条的下方加上阴影,自定义导航条的背景图片. 适用环境:Xcode 4.3, iOS 5.0. 下载地址:github.com 更多源码,请访问开源苹果运行截图:
UIBarButtonItem导航条按钮封装
系统导航条应该再iOS开发项目中都会有用到.但是有时间长篇大论的在C里边写一大串代码,未必会有些繁杂.基于封装角度,今天我们来做一个导航条UIBarButtonItem的进一步封装,让代码更简洁今天 ...
Bootstrap入门（十三）组件7：导航条
Bootstrap入门(十三)组件7:导航条 1.默认样式的导航条 2.嵌入表单和按钮 3.嵌入文本和非导航的链接 4.组件排列和下拉菜单 5.固定在顶部/底部 6.反色的导航条 7.路径导航首先先 ...
Bootstrap导航条所支持的组件
支持的组件 Bootstrap3的导航条中,可以包含站点名称.导航链接.表单.下拉菜单.文本.非导航链接等组件,可以根据需要选择使用. 1.站点名称站点名称通过 .navbar-brand 的链接元 ...
【Silverlight】Bing Maps学习系列（九）：自定义功能导航条（Custom NavigationBar）
微软Bing Maps Silverlight Control实现了最基本的地图呈现功能,其功能其他是非常的强大,可以支持很多的扩展功能开发,本文通过自定义功能导航菜单为例介绍基于Bing Maps ...
3.5Bootstrap组件篇之导航条
1.默认的导航条导航条是在您的应用或网站中作为导航标头的响应式元组件.它们在移动设备上可以折叠(并且可开可关),且在可用的视口宽度增加时变为水平展开模式定制折叠模式与水平模式的阈值根据你所放在导 ...
Bootstrap 学习之（十）------ 导航与导航条
导航 Bootstrap 中的导航组件都依赖同一个 .nav 类,状态类也是共用的.改变修饰类可以改变样式. 标签页注意 .nav-tabs 类依赖 .nav 基类. <span style= ...
UIButton设置图片在导航条上的不显示
2019独角兽企业重金招聘Python工程师标准>>> 其实也不是不现实,只是显示的颜色和导航条的颜色完全一致,看起来好像没有显示,但其实点击那个区域是有效果的,此时只需设置一下导航 ...
练习（京东图片，导航左侧，网易列表，3school导航条，京东轮播图/电影卡片）
图片列表 <!DOCTYPE html> <html lang="en"><head><meta charset="UTF-8& ...
微信小程序导航条配置图片背景
文章目录微信小程序导航条配置图片背景全部页面替换就首页特殊,其他页面纯色导航条(沿用微信那套) 相关代码如果你觉得写的不错或者帮到你了,记得给我点个赞哟~ 微信小程序导航条配置图片背景需要实 ...

导航条UIBarButtonItem添加图片，如何避免渲染

导航条UIBarButtonItem添加图片，如何避免渲染相关推荐

最新文章

热门文章