iOS开发-Autolayout小结
昨天重点学习了下Autolayout,把以前没有吃透的概念重新理解了下,现在感觉整个人都是棒棒哒。
上一个项目是使用计算坐标代码的方式来布局UI界面,这种方式的缺点在于当苹果发布新尺寸设备时需要重写代码来适配。
Autolayout的思想和安卓的相对布局比较像,通过设置控件与其父控件、相邻控件之间的关系来确定其位置、大小。
即使苹果推出新尺寸设备,Autolayout也能适应新的屏幕,因为它所有的设置都是相对的。
- AutoResizing
在Autolayout之前,有AutoResizing可以作屏幕适配,但局限性比较大,有些任务无法完成(两等分屏幕)
- Autolayout
1. Autolayout的2个核心概念:参照和约束
-
- 参照:参照的对象
- 约束:对控件位置大小的约束
2. Autolayout的警告和错误
-
- 警告(黄色图标):控件的frame不匹配所添加的约束, 比如约束控件的宽度为100, 而控件现在的宽度是110
- 错误(红色图标):缺乏必要的约束,比如只约束了宽度和高度, 没有约束具体的位置;两个约束冲突, 比如1个约束控件的宽度为100, 1个约束控件的宽度为110
3.代码实现Autolayout
之前在学习使用Autolayout时都是在storyboard中拖拖拽拽,很多原理都没有理解,导致在页面布局时会有很多地方没有思路去实现。
拖拽的方式归根到底还是会转化成代码,通过代码实现Autolayout能知其所以然。
-
-
代码实现Autolayout的步骤
-
利用NSLayoutConstraint类创建具体的约束对象
- 添加约束对象到相应的view上
-
-
- (void)addConstraint:(NSLayoutConstraint *)constraint;
- (void)addConstraints:(NSArray *)constraints;
-
- 代码实现Autolayout的注意点
- 要先禁止autoresizing功能,设置view的下面属性为NO(view.translatesAutoresizingMaskIntoConstraints = NO)
- 添加约束之前,一定要保证相关控件都已经在各自的父控件上
- 不用再给view设置frame
-
- NSLayoutConstraint
一个NSLayoutConstraint对象就代表一个约束
创建约束对象的常用方法:
+(id)constraintWithItem:(id)view1 attribute:(NSLayoutAttribute)attr1 relatedBy:(NSLayoutRelation)relation toItem:(id)view2 attribute:(NSLayoutAttribute)attr2 multiplier:(CGFloat)multiplier constant:(CGFloat)c; view1 :要约束的控件 attr1 :约束的类型(做怎样的约束) relation :与参照控件之间的关系 view2 :参照的控件 attr2 :约束的类型(做怎样的约束) multiplier :乘数 c :常量
自动布局有个核心公式
obj1.property1 =(obj2.property2 * multiplier)+ constant value
-
- 添加约束的规则
在创建约束之后,需要将其添加到作用的view上
在添加时要注意目标view需要遵循以下规则:
1)对于两个同层级view之间的约束关系,添加到它们的父view上
通过代码方式来添加Autolayout会比较繁琐,每个约束都需要实例化一个NSLayoutConstraint对象,然后添加到对应的view上,一个简单的需求需要写很多代码才能实现,无论从生理上还是心理上都是拒绝的。
下面一篇博客 我将会对VFL(Visual Format Language)进行介绍,它是苹果为简化Autolayout的编码而推出的抽象语言
如果觉得写的好不错,打赏点买个饮料
网上写的比较好的关于Autolayout的帖子:
http://ued.ctrip.com/blog/?p=3736#
http://lvwenhan.com/ios/441.html
http://mathewsanders.com/designing-adaptive-layouts-for-iphone-6-plus/