ios 不被遮挡 阴影_解决ios10导航栏底部阴影线条隐藏失效问题

2016.11.13 21:47* 字数 887 阅读 791评论 0喜欢 16

一、置空阴影图片

基于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:>

frame = (0 -20; 375 64);

opaque = NO;

autoresize = W;

userInteractionEnabled = NO;

layer = >",

"<_uinavigationbarbackindicatorview:>

frame = (0 11.5; 13 21);

alpha = 0;

opaque = NO;

userInteractionEnabled = NO;

layer = >"

)

2.在iOS10上可以得到

(

"<_uibarbackground:>

frame = (0 -20; 375 64);

userInteractionEnabled = NO;

layer = >",

"<_uinavigationbarbackindicatorview:>

frame = (0 11.5; 13 21);

alpha = 0;

opaque = NO;

userInteractionEnabled = NO;

layer = >"

)

通过上面的答应信息似乎还看不到什么太多不一样的地方, 就是将UINavigationBarBackground 改成 UIBarBackground, 好像就是苹果改了一个类的名字而已。然而事实远不止如此,不仅是名字改了,其实视图的层次结构也该了,通过子视图没办法获得太多的信息只好写个demo看看了,话不多说直接上图:

图~ios9.png

图~iOS10.png

(图中数字是有对应关系的)

通过图中红色框框里的内容知道阴影的frame = (0 64; 375 0.5);而navigationBar的frame = (0 20; 375 44); 由此知道阴影超出了navigationBar的frame,在navigationBar的下方故而通过设置self.navigationController.navigationBar.clipsToBounds = YES;能够解决问题,但是同时也会带来新的问题

navigationBar.png

想一想,不论是在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可以参考这篇文章。如果各位大神还有别的想法,欢迎留言,一同进步。

参考文章: