您的位置:首页 > 产品设计 > UI/UE

ios7之后的适配属性讲解edgesForExtendedLayout、extendedLayoutIncludesOpaqueBars等

2017-06-26 09:36 363 查看
ios7版本之后,增加了很多新的属性,其中包括页面起始点从屏幕最左上角(0,0)点开始,这给页面适配带来了很大问题。首先说说纯代码页面:

1、edgesForExtendedLayout

这个属性我们字面上里面是四周延生,指定边缘要延伸的方向,IOS7鼓励全屏布局模式,默认值是UIRectEdgeAll。

没用过的人可能不知道这是什么意思,举例假如我们页面上面有导航了,这个时候页面起始点仍然从状态栏上方开始计算,举例子你一个视图要全屏显示就要设置成:

[objc] view
plain copy

CGRectMake(0, 64, SCREENW, self.view.frame.size.height - 64)  

假如我们想从导航栏下面开始计算起始点,可以设置成UIRectEdgeNone或者UIRectEdgeLeft | UIRectEdgeBottom | UIRectEdgeRight

2、extendedLayoutIncludesOpaqueBars

这个属性看单词的意思,延伸视图包含不包含不透明的Bar,是用来指定导航栏是透明的还是不透明,IOS7中默认是YES,当滚动页面的时候我们隐约能在导航栏下面看到我们页面的试图:



但是当我们设置一张不透明的图片作为导航栏背景时,该属性就会变成NO,这样不透明以后我们可以人为设置成YES达到延伸至导航栏的效果:

[objc] view
plain copy

UINavigationBar *bar = [UINavigationBar appearance];  

[bar setBackgroundImage:[UIImage imageNamed:@"navBg.png"] forBarMetrics:UIBarMetricsDefault];//设置图片导航栏是不透明的  

假如我们如下设置,extendedLayoutIncludesOpaqueBars仍然是YES

[objc] view
plain copy

[bar setBarTintColor:[UIColor whiteColor]];  

这个属性一定意义上来说效果跟上一个属性一样,以下两个属性任何一个设置成不可延伸至导航栏都会让页面起始点从导航栏下面开始

[objc] view
plain copy

self.edgesForExtendedLayout = UIRectEdgeNone;  

self.extendedLayoutIncludesOpaqueBars = NO;  

我们要设置一个全屏的页面就要设置frame为:    

[objc] view
plain copy

CGRectMake(0, 0, SCREENW, self.view.frame.size.height - 64)  

同理,只有到两个属性都设置成可以延伸时,页面起始点才会从状态栏也就是屏幕最左上角开始

3、automaticallyAdjustsScrollViewInsets

由词意可认为是是否自动判断滚动视图的内边距,要说这个Insets呢我们就要首先说说scroll视图contentInset这个属性,

[objc] view
plain copy

typedef struct UIEdgeInsets {  

    CGFloat top, left, bottom, right;  // specify amount to inset (positive) for each of the edges. values can be negative to 'outset'  

} UIEdgeInsets;  

看这个结构体定义我们可以清楚地看到上左下右,从我找的一张图来看看到底是什么:



也就是在contentSize的周围增加了一圈额外的滚动区域,就是相当于contentSize大了一圈。

注意:该属性在ios7中默认开启,也就是说滚动视图的显示会通过计算状态栏导航栏的显示情况来偏移相应的位置

假如状态栏显示,导航栏隐藏向下偏移20,

状态栏隐藏,导航栏显示偏移44,两者都显示偏移64,都隐藏则不偏移

但是假如我们视图结构中有一个以上的滚动视图,我们想自己控制滚动视图显示问题,我们就可以设置成NO。这样所有的滚动视图将不做显示偏移

 4、modalPresentationCapturesStatusBarAppearance

这个属性说的是,当前控制器present一个其他控制器上的非全屏界面我们是否接管status bar的外观,默认是NO,(我们从一个界面A present另一个全屏界面B时,status Bar 的外观控制被转交给被B )

假如我们设置成YES,我们可以指定B界面的status bar,即使是非全屏的

这个属性当present一个全屏界面时是被系统忽略的
内容来自用户分享和网络整理,不保证内容的准确性,如有侵权内容,可联系管理员处理 点击这里给我发消息
相关文章推荐