iOS布局受导航栏影响
2017-10-16 本文已影响85人
举个栗子wow
出现这类问题一般是translucent属性或者升级iOS11之后突然出现的。translucent属性的影响详情可以参考http://www.jianshu.com/p/eba6bda5ff37。
当你去做“透明”导航栏效果的时候,一般来说translucent是YES的,这个时候坐标系统是从整个屏幕的最顶部开始的(被导航栏遮挡,但此时导航栏是透明的也就没有任何影响),但是当你push到下一层并且导航栏状态不透明时,就会遮挡或者打乱原本的视图布局,我们通过以下代码可以解决这个问题:
self.edgesForExtendedLayout = UIRectEdgeNone;
这个属性的作用是你的布局是否向四周扩展,比如你的页面有导航栏和tabbar,默认值是UIRectEdgeAll,则布局会延伸到导航栏和tabbar内,也就是被遮挡了。改为UIRectEdgeNone时就会解决这个问题,如果四周有阻挡布局则不延伸。
还有一个属性,专门针对滑动视图的:
automaticallyAdjustsScrollViewInsets = YES
这个时候也能解决被遮挡的问题,那么这两个之间什么区别呢?很简单,automaticallyAdjustsScrollViewInsets虽然布局从导航栏下方开始布局,但往上滑动的时候是可以穿透过导航栏的,而edgesForExtendedLayout = UIRectEdgeNone则是实实在在从导航栏下方布局,即使滑动也不穿透导航栏。
最后还有一个关于导航栏遮挡的设置:
extendedLayoutIncludesOpaqueBars
但这个只对导航栏透明时起作用,在透明度渐变的导航栏或者不透明的导航栏上没什么用。