一、iOS屏幕适配发展历程
设备 | 适配技术 |
---|---|
4及以前(iPad未出) | 直接用代码计算 |
有了iPad | autoResizing |
有不同屏幕的iPhone后 | autoLayout |
有更多不同屏幕的iPhone后 | sizeClass |
二、各个技术的特性
1、 直接用代码计算
由于屏幕的大小都一样,只有横竖屏的情况,可以直接计算
2、 autoResizing
适合于控件与其父控件的关系
各属性的解释
属性 | 解释 |
---|---|
UIViewAutoresizingNone | 不会随父视图的改变而改变 |
UIViewAutoresizingFlexibleLeftMargin | 自动调整view与父视图左边距,以保证右边距不变 |
UIViewAutoresizingFlexibleWidth | 自动调整view的宽度,保证左边距和右边距不变 |
UIViewAutoresizingFlexibleRightMargin | 自动调整view与父视图右边距,以保证左边距不变 |
UIViewAutoresizingFlexibleTopMargin | 自动调整view与父视图上边距,以保证下边距不变 |
UIViewAutoresizingFlexibleHeight | 自动调整view的高度,以保证上边距和下边距不变 |
UIViewAutoresizingFlexibleBottomMargin | 自动调整view与父视图的下边距,以保证上边距不变 |
- view的autoresizesSubviews属性为yes时(默认为yes),autoresizing才会生效。
- 从XCODE6开始,Storyboard&Xib默认是自动布局,因此我们需要手动调整,才能使用autoresizing。
-
autoresizing可以组合使用,如:
UIViewAutoresizingFlexibleWidth | UIViewAutoresizingFlexibleBottomMargin
3、autoLayout
帮我们确定在不同设备、不同(父view)环境下,同一个可视单元所应具有合适的位置和尺寸(任何两个视图的关系都可以确定)
1. autoLayout的用法:
- 直接建立约束条件
[self.view addConstraint: [NSLayoutConstraint
constraintWithItem:blueView
attribute:NSLayoutAttributeLeft
relatedBy:NSLayoutRelationEqual
toItem:redView
attribute:NSLayoutAttributeLeft
multiplier:
constant:]];这样虽然代码量比较大,但是是绝对可行的办法,也是使用autoLayout最根本的办法之一。
- 使用VFL语言
- (void)viewDidLoad {
[super viewDidLoad];
UIButton *button=[[UIButton alloc]init];
[button setTitle:@"点击一下" forState:UIControlStateNormal];
button.translatesAutoresizingMaskIntoConstraints=NO;
[button setBackgroundColor:[UIColor blackColor]];
[self.view addSubview:button];
NSArray *constraints1=[NSLayoutConstraint
constraintsWithVisualFormat:@"H:|-[button]-|"
options:
metrics:nil
views:NSDictionaryOfVariableBindings(button)];
NSArray *constraints2=[NSLayoutConstraint
constraintsWithVisualFormat:@"V:|-20-[button(==30)]"
options:
metrics:nil
views:NSDictionaryOfVariableBindings(button)];
[self.view addConstraints:constraints1];
[self.view addConstraints:constraints2];
} - 使用使用第三方库,如:Masonry、UIView+AutoLayout……
2. autoLayout的好处:
- 你基本上可以不用考虑3.5寸和4寸以及即将上市的x.x寸屏幕不同分辨率的问题,你终于可以不用在viewDidLoad方法里判断不同分辨率下,不同控件应该放在哪里,或者针对不同分辨率写不同的storyboard和xib;
- 你可以抛弃那些根据不同文字来计算tableViewCell、UILabel高度的代码了,因为autolayout会帮你自动计算好;
- 如果你的布局在横屏竖屏下变化不是特别大,你不用再为横着竖着写两套代码或者写两个storyboard/xib了;
4、sizeClass
在iOS8中,新增了Size Classes特性,它是对当前所有iOS设备尺寸的一个抽象。那我们就只把屏幕的宽和高分别分成三种情况:Compact:紧凑、Regular:宽松、Any:任意。
这样宽和高三三一整合,一共9中情况。如下图所示,针对每一种情况。我们可以在每种情况下设置不同的布局(包括控件的约束,甚至是控件是否显示)
sizeClass.png
对sizeClass的理解:
sizeClass的实质是将iOS屏幕分成了不同的抽象概念,这些不同的抽象组合,对应着不同的设备屏幕。所以,利用sizeClass可以针对同一套UI,来适配所有的屏幕。注意:这些所有的适配,都是利用autoLayout来实现的,sizeClass只是负责提供不同的屏幕尺寸。