谈谈iOS7及以上版本navigationBar带来的坑 | iOS开发

叹落花 2015-10-03

展开全文

PS：最近在做项目的时候，使用了NavigationController，遇到很多坑，今天在看了大部分的资料后总结出来的一些内容，还没进行实践，部分纯猜测，晚上回去再码Demo！
先上图：

呵呵呵，是官方的例图啦：

官方文档说明：看这里（个人认为实际情况custom view的位置应该是在window之前和tabbar之后，最上层就还有状态栏。）

起因：由于设计师的对需求的严（jian）格（zhi）把（zuo）控（si），当我们在我们在Storyboard或者Nib上对NavigationBar进行上色时，运行出来的效果与设计图出现色差，后来才发现是iOS7及以上对导航栏（工具栏亦同）的高斯模糊处理，也就是可以把导航栏后面的视图或者对导航栏的背景（或背景图）显示出来，如果单纯的设置背景颜色也是有高斯模糊处理的效果，对纯色高斯模糊处理过后相当于纯色的70%（猜测）透明化处理，但是反正就是有色差啦。

先从滚动视图的例子说起：

上面是在导航视图内Push进来的以“TableView”（没有ScrollView截图，就将就一下）为主View的视图，本来我们的cell是放在（0,0）的位置上的，但是考虑到导航栏、状态栏会挡住后面的主视图，而自动把我们的内容（cell、滚动视图里的元素）向下偏移离Top64px（下方位置如果是tarbar向上偏移离Buttom49px、toolbar是44），也就是当我们把navigationBar给隐藏掉时，滚动视图会给我们的内容预留部分的空白Top（所有内容向下偏移20px，因为状态栏的存在）。出来的效果可以脑补一下。
那么，当我们不想自动为我们下移可以设置：

复制代码

self.automaticallyAdjustsScrollViewInsets = NO;// 自动滚动调整，默认为YES

        这样我们的内容就不会自动偏移了，例如上面的cell就是从（0,0）的位置开始。
很多人在Nib或者Storyboard中调整视图时，因为IB中有NavigationBar的存在，误导许多人将加入scrollviewB的高度设置为根视图viewA的高度，并且加入的控件、子视图、cell等等都是从viewB的（0,64）开始布局，那么另一个问题来了，学挖掘机炒菜哪家强，啊呸。
        就是上面提到的navigationBar的色差的问题。这里作一下解释：
        默认navigationBar的是半透明，那么它半透明是为了什么？答案是为了可以隐约看到Bar后面的内容，iOS7以上玩多了的人应该有注意到这个问题吧。好了，默认是半透明，看官方的图片，在Bar下方的scrollviewB的frame如果从（0,0）开始，那么我们滚动的内容从即使滚动到Top的位置，还是可以隐隐约约的看到，没问题，挺(T)美(M)的(D)。当我们将Bar设置为不透明（不透明不就不存在色差了嘛！哈哈哈哈哈哈哈

），设置如下：

复制代码

self.navigationController.navigationBar.translucent = NO;// Bar的模糊效果，默认为YES

开始挖坑！既然不透明了，那么被Bar挡住的视图怎么办，没关系，人家自动帮它们偏移下来，也就是说将你的整个View都往下偏移64px，WTF，我们里面的控件等东东都是一开始布局在view的（0,64）位置的，这样出来不就是整体的效果是在window的（0,128）了？正是如此！也就是我们上面的一开始在（0,0,）位置的scrollviewB现在到了（0,64）的位置，相应的里面的内容也是得到偏移。跟着父视图走嘛！

解决方法：
1、添加

复制代码

self.edgesForExtendedLayout = UIRectEdgeNone;// iOS7及以后的版本支持，self.view.frame.origin.y会下移64像素至navigationBar下方。

注意：view的高度也需要重新设置。
        2、根据需求，在IB中直接直接将custom view的高度设置好高度，控件的位置也相应设置。注意的一点：偏移的机制主要作用于主要的视图，一般单个的scrollView还有根视图都会被偏移。输出的依据可以看这里，各种toolBar还有navigationBar是否透明、是否隐藏的搭配，中间视图需要怎么设置自行多多尝试。
        3、使用代码写布局，不解释，viewDidLoad时画好的内容的位置当然比较有保障。
        4、写得比较乱，请谅解。部分都还没得到自己的证实，回去再实践看看。存在什么问题欢迎补充！谢谢！