谈谈iOS7及以上版本navigationBar带来的坑

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,因为状态栏的存在)。出来的效果可以脑补一下。
        那么,当我们不想自动为我们下移可以设置:

复制代码
  1. 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设置为不透明( 不透明不就不存在色差了嘛!哈哈哈哈哈哈哈),设置如下:


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

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

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

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

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值