navigationBar带来的坑
2016-01-26 12:43
274 查看
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 |
很多人在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 |
解决方法:
1、添加
复制代码 self.edgesForExtendedLayout = UIRectEdgeNone;// iOS7及以后的版本支持,self.view.frame.origin.y会下移64像素至navigationBar下方。 |
2、根据需求,在IB中直接直接将custom view的高度设置好高度,控件的位置也相应设置。注意的一点:偏移的机制主要作用于主要的视图,一般单个的scrollView还有根视图都会被偏移。输出的依据可以 看这里 ,各种toolBar还有navigationBar是否透明、是否隐藏的搭配,中间视图需要怎么设置自行多多尝试。
3、使用代码写布局,不解释,viewDidLoad时画好的内容的位置当然比较有保障。
4、写得比较乱,请谅解。部分都还没得到自己的证实,回去再实践看看。存在什么问题欢迎补充!谢谢!
相关文章推荐
- Bootstrap学习
- xcode7.2不能真机调试ios9.2.1系统设备的解决方法
- Accord C4.5决策树算法(C# C4.5决策树算法)
- Linux实操题
- 数组的理解与实现[数据结构]
- Xcode错误之时钟错误
- MySQL分区技术 (一)
- linux网卡驱动程序架构
- 自建博客随想录
- Dubbo 收藏
- UVA11400照明系统设计&& POJ1260Peals(DP)
- 1014. 福尔摩斯的约会 (20)
- JobTracker和TaskTracker
- OC加强day3-函数指针、protocol、block、NSString
- Linux — 字符处理
- Python【基础第二篇】
- Http请求
- Broadleaf电商系统开发(一) - Broadleaf介绍
- Log4j 简介及初步应用
- 【Android开源项目分析】android轻量级开源缓存框架——ASimpleCache(ACache)源代码分析