WWDC之Mysteries of Auto Layout Part 1

前言

本文为WWDC2015的Session 218 "Mysteries of Auto Layout Part 1"视频笔记,视频主要内容为UIStackView和Autolayout组件两大部分.在看这个Session的过程中,发现有些不少值得关注的地方,因此记录下来,等内容进一步的完善.

内容

Mystery#1 StackView

1.基于Autolayout的最高一层封装,
2.支持iOS和OSX平台(主要还是关注下iOS)
3.它能帮你管理子视图的约束.
4.重要属性

• axis 决定子视图的排布方式:水平还是垂直
• horizontal
• vertical

• alignment 设置子视图在StackView的对齐方式

• top

• center

• bottom

• baseline

• firstBaseline

• lastBaseline

• fill

• Leading

• Trailing

• distrubute 允许设置灵活的分布

• Fill

• FillEqually : 等间距并且相同Size的填充

• FillProportionally : 基于intrinsic content size的填充

• EqualSpacing

• EqualCentering

5.选择UIStackView的快捷方式: Control+Shift+右击 选择UIStackView
6.快捷添加约束: 选择视图并Control-drag到指定视图.
7.所有加入同一个StackView的视图都默认拥有相同的Priorites(content-hugging,compression-resistance),其子视图出现拉升或收缩时需要自定义修改优先级.
8.在设置StackView下的视图的Hiden,只是界面上的隐藏,仍然为被StackView持有.
9.支持UIView动画,由于基于Autolayout的封装,其动画属性: hidden, space, axis, alignment, distrubute...
10.利用arrangedSubviews获取StackView所有拥有的视图子集,判断指定视图为否被装入StackView.
11.StackView不需要后台渲染,纯粹的布局,轻量级.备注:内部存在不渲染的特殊Transform 层.

Mystery#2 Constraints

1. 改变视图的约束使用 active/deactivate进行约束改变,不再使用add/remove.类方法,不需要持有视图而管理约束,约束自己找到所属的视图.
2. 不能试图将某一视图的所有约束deactivate,极有可能内部的约束与其他视图存在联系,进而破坏约束平衡.
3. 保持对于以后改变的指定约束或者约束集合的强引用,用来指定时机的active.

Mystery#3 Size

1. 许多系统控件视图存在intrinsic content size,比如UIButton,Label,imageView,UISlide... Autolayout引擎会自动对应intrinsic content size创建内部的约束.
2. 想要自定义内容尺寸重写intrinsicContentSize方法, 针对以下两种情况

• 无法从约束获取需要的尺寸信息
• 绘制自定义视图

3. 重写内容尺寸后需要手动禁止影响内部尺寸改变的因素.
4. 利用size与其他视图size建立关系,完善约束.

Mystery#4 Priority

1. 系统有三个默认值允许设置: 1000(require), 750(high), 250(low)
2. 比较策略: 优先级大的执行其约束
3. 系统视图尺寸内部也存在默认的约束优先级: iOS上50;OSX上490,500,510
4. 注意自定义的约束优先级与系统内部的竞争
5. 视图间相同的优先级会造成约束冲突;
6. hug:防止拉伸超过自己的intrinsic content size; compression-resistance:防止压缩小于自己的intrinsic content size.

Mystery5 Alignment

1. 针对视图间相关位置排列,水平/垂直居中.
2. 针对文字内容视图,有baseline,firstBaselin,lastBaseline对齐方式,适用于文字动态高度变化时的视图位置设定.
3. leading/trailing 针对国际化语言的优化,使用从左到右的语言会构建从左到右的约束,反之相反.
4. 如果使用了left/right 约束对齐,不能与 leading/trailing混淆使用,否则会有约束警告产生.
5. alignment rects 通常(不绝对)为视图的frame,可以针对主要内容区域进行对齐,剔除细微的边界元素,不会改变视图的transform.
6. 想要改变alignment rects的指定区域需要重写aligmentRectInsets方法,但意味着将自己处理对齐区域,系统不在计算.

结尾

通过这个session,看到了Stack View强大的布局能力,其简单易用的API,让内容布局变得更加便捷和灵活也显示着Autolayout技术的完善和进步.后半部分对Autolayout引擎如何工作也说了全面的说明,使得对Autolayout技术的理解