前言
本文为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
- 改变视图的约束使用
active/deactivate进行约束改变,不再使用add/remove.类方法,不需要持有视图而管理约束,约束自己找到所属的视图. - 不能试图将某一视图的所有约束
deactivate,极有可能内部的约束与其他视图存在联系,进而破坏约束平衡. - 保持对于以后改变的指定约束或者约束集合的强引用,用来指定时机的
active.
Mystery#3 Size
- 许多系统控件视图存在
intrinsic content size,比如UIButton,Label,imageView,UISlide... Autolayout引擎会自动对应intrinsic content size创建内部的约束. - 想要自定义内容尺寸重写
intrinsicContentSize方法, 针对以下两种情况
- 无法从约束获取需要的尺寸信息
- 绘制自定义视图
- 重写内容尺寸后需要手动禁止影响内部尺寸改变的因素.
- 利用size与其他视图size建立关系,完善约束.
Mystery#4 Priority
- 系统有三个默认值允许设置: 1000(require), 750(high), 250(low)
- 比较策略: 优先级大的执行其约束
- 系统视图尺寸内部也存在默认的约束优先级: iOS上50;OSX上490,500,510
- 注意自定义的约束优先级与系统内部的竞争
- 视图间相同的优先级会造成约束冲突;
- hug:防止拉伸超过自己的
intrinsic content size; compression-resistance:防止压缩小于自己的intrinsic content size.
Mystery5 Alignment
- 针对视图间相关位置排列,水平/垂直居中.
- 针对文字内容视图,有baseline,firstBaselin,lastBaseline对齐方式,适用于文字动态高度变化时的视图位置设定.
- leading/trailing 针对国际化语言的优化,使用从左到右的语言会构建从左到右的约束,反之相反.
- 如果使用了left/right 约束对齐,不能与 leading/trailing混淆使用,否则会有约束警告产生.
-
alignment rects通常(不绝对)为视图的frame,可以针对主要内容区域进行对齐,剔除细微的边界元素,不会改变视图的transform. - 想要改变alignment rects的指定区域需要重写
aligmentRectInsets方法,但意味着将自己处理对齐区域,系统不在计算.
结尾
通过这个session,看到了Stack View强大的布局能力,其简单易用的API,让内容布局变得更加便捷和灵活也显示着Autolayout技术的完善和进步.后半部分对Autolayout引擎如何工作也说了全面的说明,使得对Autolayout技术的理解
网友评论