iOS 布局受导航栏影响

出现这类问题一般是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
但这个只对导航栏透明时起作用,在透明度渐变的导航栏或者不透明的导航栏上没什么用。
 

猜你喜欢

转载自blog.csdn.net/qq_26918391/article/details/91953801
今日推荐