iOS 屏幕适配发展简史
2018-04-11 本文已影响78人
SmallWhiteMouse
iPhone 3GS、iPhone 4
- 没有屏幕适配可言
- 全部用frame、bounds、center进行布局
- 很多这样的现象:坐标值、宽度、高度值全部写死
UIButton *btn = [[UIButton alloc]init]; btn.frame = CGRectMake (0,1,100,30);
iPad 、 iPhone 横屏出现
- 出现Autoresizing 技术
- 让横竖屏适配相对简单
- 让子控件可以跟随父控件的行为自动发生相应变化
- 前提是: 关闭AutoLayout 功能
- 局限性
- 只能解决子控件跟父控件的相对关系问题
- 不能解决兄弟控件的相对关系问题
UIView *blueView = [[UIView alloc]init];
blueView.backgroundColor = [UIColor blueColor];
CGFloat wh = 100;
blueView.frame = CGRectMake(0, 0, self.view.bounds.size.width, wh);
blueView.autoresizingMask = UIViewAutoresizingFlexibleWidth | UIViewAutoresizingFlexibleBottomMargin;
[self.view addSubview:blueView];//
/** 注意:前4个和后两个的字面意思
UIViewAutoresizingFlexibleLeftMargin = 1 << 0,距离左边距离不固定(左边不固定右边就是固定的)
UIViewAutoresizingFlexibleRightMargin = 1 << 2,距离右边距离不固定
UIViewAutoresizingFlexibleTopMargin = 1 << 3,距离顶部距离不固定
UIViewAutoresizingFlexibleBottomMargin = 1 << 5距离底部距离不固定
UIViewAutoresizingFlexibleHeight = 1 << 4,高度跟随父控件的高度进行自动伸缩
UIViewAutoresizingFlexibleWidth = 1 << 1,宽度跟随父控件的宽度进行自动伸缩
*/
上述代码注意点:
- 1、 addSubView: 必须在 Autoresizing 配置之后
- 2、 类似
1 << 2称之为 位移运算， 这个枚举为位移枚举。详情见:https://www.jianshu.com/p/2e7c84efcb94
iOS 6 —— autolayout（自动布局）
- 随着 iPhone5 \ iPhone5s 等的发布苹果设备不同尺寸的屏幕变得越来越多, 不仅要求能根据控件父子关系来设置相对位置，也要求能根据任意控件之间的关系来设置位置
- 因为 autoresizing 只能设置当前控件与父控件之间的相对关系，当遇到要设置兄弟控件之间的关系的时候 autoresizing 就无能为力了
- autolayout 技术主要解决的问题：控件位置的参照关系不再局限于父控件
iOS 8 —— size classes + autolayout
- 使用 size classes + autolayout 进行屏幕适配
- 当 iPhone6 发布以后，苹果设备的屏幕越来越多(以后也可能出现更多不同大小的屏幕)，为了能更容易的适配不同的屏幕，苹果推出了 size classes 技术
- 通过 autolayout 设置的约束，约束一旦添加就会应用于各种屏幕（也就是说在各种不同的屏幕下都使用相同的约束）
- 通过 size classes + autolayout 的方式, 可以为不同尺寸的屏幕设置不同的约束举例: iPhone 下的计算器，在横屏、竖屏下的不同表现
- size classes 技术主要解决的问题: 为不同尺寸的屏幕, 通过 autolayout 设置不同的约束
iOS 9 —— size classes + autolayout + StackView
- Stack View 的核心便是方便垂直或水平排布多个 subview
- 类似于 android 的 LinearLayout
- Stack View 最有用的就是它会自动为每个 subview 创建和添加 Auto Layout 约束，程序员可以
通过选项配置subview的大小、排布以及彼此间的间距使用 stackview 主要简化在线性方向上，重复设置控件布局约束的问题
