一、置空阴影图片

基于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看看了,话不多说直接上图:

 

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

参考文章:

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