PS:最近在做项目的时候,使用了NavigationController,遇到很多坑,今天在看了大部分的资料后总结出来的一些内容,还没进行实践,部分纯猜测,晚上回去再码Demo!
先从滚动视图的例子说起:
这样我们的内容就不会自动偏移了,例如上面的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设置为不透明( 不透明不就不存在色差了嘛!哈哈哈哈哈哈哈),设置如下:
开始挖坑!既然不透明了,那么被Bar挡住的视图怎么办,没关系,人家自动帮它们偏移下来,也就是说将你的整个View都往下偏移64px,WTF,我们里面的控件等东东都是一开始布局在view的(0,64)位置的,这样出来不就是整体的效果是在window的(0,128)了?正是如此!也就是我们上面的一开始在(0,0,)位置的scrollviewB现在到了(0,64)的位置,相应的里面的内容也是得到偏移。跟着父视图走嘛!
解决方法:
1、添加
注意:view的高度也需要重新设置。
2、根据需求,在IB中直接直接将custom view的高度设置好高度,控件的位置也相应设置。注意的一点:偏移的机制主要作用于主要的视图,一般单个的scrollView还有根视图都会被偏移。输出的依据可以 看这里 ,各种toolBar还有navigationBar是否透明、是否隐藏的搭配,中间视图需要怎么设置自行多多尝试。
3、使用代码写布局,不解释,viewDidLoad时画好的内容的位置当然比较有保障。
4、写得比较乱,请谅解。部分都还没得到自己的证实,回去再实践看看。存在什么问题欢迎补充!谢谢!
先上图:
官方文档说明: 看这里 (个人认为实际情况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,因为状态栏的存在)。出来的效果可以脑补一下。
那么,当我们不想自动为我们下移可以设置:
那么,当我们不想自动为我们下移可以设置:
复制代码
|
这样我们的内容就不会自动偏移了,例如上面的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设置为不透明( 不透明不就不存在色差了嘛!哈哈哈哈哈哈哈),设置如下:
|
开始挖坑!既然不透明了,那么被Bar挡住的视图怎么办,没关系,人家自动帮它们偏移下来,也就是说将你的整个View都往下偏移64px,WTF,我们里面的控件等东东都是一开始布局在view的(0,64)位置的,这样出来不就是整体的效果是在window的(0,128)了?正是如此!也就是我们上面的一开始在(0,0,)位置的scrollviewB现在到了(0,64)的位置,相应的里面的内容也是得到偏移。跟着父视图走嘛!
1、添加
|
注意:view的高度也需要重新设置。
2、根据需求,在IB中直接直接将custom view的高度设置好高度,控件的位置也相应设置。注意的一点:偏移的机制主要作用于主要的视图,一般单个的scrollView还有根视图都会被偏移。输出的依据可以 看这里 ,各种toolBar还有navigationBar是否透明、是否隐藏的搭配,中间视图需要怎么设置自行多多尝试。
3、使用代码写布局,不解释,viewDidLoad时画好的内容的位置当然比较有保障。
4、写得比较乱,请谅解。部分都还没得到自己的证实,回去再实践看看。存在什么问题欢迎补充!谢谢!