一、置空阴影图片
基于iOS9,在iOS10上不好使.
[self.navigationController.navigationBar setShadowImage:[UIImage new]];
二、剪裁navigationBar
首先看看UIView的clipsToubounds属性在SDK中的描述：
@property(nonatomic) BOOL clipsToBounds;
// When YES, content and subviews are clipped to the bounds of the view. Default is NO.
这里的clip是修剪的意思，bounds是边界的意思是，合起来就是：如果子视图的范围超出了父视图的边界，那么超出的部分就会被裁剪掉。但是奇怪的是通过以下代码居然可以实现隐藏navigationBar的底部阴影线条问题:
self.navigationController.navigationBar.clipsToBounds = YES;
对于不是特别熟悉navigationBar结构的同学而言,可能突然有点儿不理解,不过没关系。但是,也由此引申出第三种解决办法,请往下看。
三、遍历navigationBar的字视图
通过打印子视图
NSLog(@"%@",self.navigationController.navigationBar.subviews);
可以得到相应的信息,在iOS9与iOS10上略有不同(基于iPhone6和iPhone7模拟器)
1.在iOS9上可以得到
(
"<_UINavigationBarBackground: 0x7fdb89714330;
frame = (0 -20; 375 64);
opaque = NO;
autoresize = W;
userInteractionEnabled = NO;
layer = <CALayer: 0x7fdb8978ab80>>",
"<_UINavigationBarBackIndicatorView: 0x7fdb894232e0;
frame = (0 11.5; 13 21);
alpha = 0;
opaque = NO;
userInteractionEnabled = NO;
layer = <CALayer: 0x7fdb89423710>>"
)
2.在iOS10上可以得到
(
"<_UIBarBackground: 0x7fec501051a0;
frame = (0 -20; 375 64);
userInteractionEnabled = NO;
layer = <CALayer: 0x61800002d700>>",
"<_UINavigationBarBackIndicatorView: 0x7fec4af05190;
frame = (0 11.5; 13 21);
alpha = 0;
opaque = NO;
userInteractionEnabled = NO;
layer = <CALayer: 0x61000002d0e0>>"
)
通过上面的答应信息似乎还看不到什么太多不一样的地方, 就是将UINavigationBarBackground 改成 UIBarBackground, 好像就是苹果改了一个类的名字而已。然而事实远不止如此,不仅是名字改了,其实视图的层次结构也该了,通过子视图没办法获得太多的信息只好写个demo看看了,话不多说直接上图:
(图中数字是有对应关系的)
通过图中红色框框里的内容知道阴影的frame = (0 64; 375 0.5);而navigationBar的frame = (0 20; 375 44); 由此知道阴影超出了navigationBar的frame,在navigationBar的下方故而通过设置self.navigationController.navigationBar.clipsToBounds = YES;能够解决问题,但是同时也会带来新的问题
想一想,不论是在iOS9中还是iOS10中都会是同一种结果。图中黄色部分才是navigationBar本身的frame,相比图ios9和图ios10很容易看出也切掉了相当于statusBar部分的视图。这样,如果app的navigationBar背景色不是白色的话,那么看起来明显很不好。由此才有以下的遍历子视图的方法:
- (void)hiddenNavigationBarSeparatorLine {
if ([self.navigationController.navigationBar respondsToSelector:@selector(setBackgroundImage:forBarMetrics:)]) {
NSArray *list=self.navigationController.navigationBar.subviews;
for (id obj in list) {
if ([obj isKindOfClass:[UIView class]]) {
UIView *imageView=(UIView *)obj;
NSArray *list2=imageView.subviews;
for (id obj2 in list2) {
if ([obj2 isKindOfClass:[UIImageView class]]) {
UIImageView *imageView2=(UIImageView *)obj2;
imageView2.hidden = YES;
}
}
}
}
}
}
四、改进第三种方法
其实到了第三种方法,我以为就这么结束了。而事实是在iOS10以前,也确实能够解决问题。第三种方法中''废话''这么多不是白说的,由于navigationBar的层次结构变了,在图~iOS10标注''3''也会被隐藏。之说以这么简单粗暴的直接隐藏主要是因为代码是在iOS9的时候写的,可以很简单就知道在iOS9的时候navigationBar中的UINavigationBarBackground本身不仅仅只是负责frame,而且UINavigationBarBackground的子视图中只有一个imageView就是阴影线条。在iOS10中,UIBarBackground其实就是将UINavigationBarBackground的背景view给抽了出来,UIBarBackground就只是负责frame,背景及阴影线条成为同一级视图结构。我觉得这样的结构更合理一些。
在第三种方法中直接imageView2.hidden = YES;还会导致一个问题,就是如果在navigationBar中添加了某些控件比如:UIButton并且还赋值了背景图片就是出现背景图显示不出来。因为遍历的过程中没有区别出我们想要隐藏的imageView,所以在遍历时应该再找一些更加鲜明的特征。于是有了下的解决办法:
//将第三种方法中的imageView2.hidden = YES;
//简单修改一下(阴影线条的的height为0.5,特征非常明显)
imageView2.hidden = imageView2.bounds.size.height < 1;
五、总结
推荐使用第四种方法,至于为什么不是方法一,各位看官实践了就知道在iOS10该方法就不好使了;方法二会带来新的问题;方法三不够完善。如果用的是swift可以参考这篇文章。如果各位大神还有别的想法,欢迎留言,一同进步。
参考文章:
http://www.jianshu.com/p/aa547432eae0
http://www.jianshu.com/p/f0d3df54baa6
http://stackoverflow.com/questions/22090314/restore-navigationbar-background-image-after-setting-it-to-uiimage-new
