美文网首页
iOS布局受导航栏影响

iOS布局受导航栏影响

作者: 举个栗子wow | 来源:发表于2017-10-16 11:10 被阅读85次

    出现这类问题一般是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
    

    但这个只对导航栏透明时起作用,在透明度渐变的导航栏或者不透明的导航栏上没什么用。

    相关文章

      网友评论

          本文标题:iOS布局受导航栏影响

          本文链接:https://www.haomeiwen.com/subject/pyfkuxtx.html