什么是autoLayout
(1) Autolayout是一种“自动布局”技术,专门用来布局UI界面的
(2) Autolayout自iOS 6开始引入,由于Xcode 4的不给力,当时并没有得到很大推广
(3) 自iOS 7(Xcode 5)开始,Autolayout的开发效率得到很大的提升
(4) 苹果官方也推荐开发者尽量使用Autolayout来布局UI界面
(5) Autolayout能很轻松地解决屏幕适配的问题
注意 : 有了autoLayout 的 label 会自动包裹内容
核心类 & 核心方法
* NSLayoutConstraint
* 核心方法
// 约束创建的方法
/**
view1 :要约束的控件
attr1 :约束的类型(做怎样的约束)
relation :与参照控件之间的关系
view2 :参照的控件
attr2 :约束的类型(做怎样的约束)
multiplier :乘数
c :常量
*/
+(id)constraintWithItem:(id)view1 attribute:(NSLayoutAttribute)attr1 relatedBy:(NSLayoutRelation)relation toItem:(id)view2 attribute:(NSLayoutAttribute)attr2 multiplier:(CGFloat)multiplier constant:(CGFloat)c;
// 添加一个约束
- (void)addConstraint:(NSLayoutConstraint *)constraint;
// 添加多个约束
- (void)addConstraints:(NSArray *)constraints;
autolayout 动画
在修改了约束之后,只要执行下面代码,就能做动画效果
[UIView animateWithDuration:1.0 animations:^{
[添加了约束的view layoutIfNeeded];
}];
使用注意事项
* 使用注意 :
(1) 禁止 autoresizing 功能(autoLayout 不能跟 autoresizing 共存) :
view.translateAutoresizingMaskIntoContraints = NO;
(2) 添加约束前一定要保证相关控件都已经在各自的父控件中,原因如下 :
* 约束最终都会添加到它们的直接或者间接的父控件身上,但除了一些固定的约束(例如宽高是固定的,那么这些约束最终添加到本控件身上)
* 不要给控件设置frame
自动布局的公式
obj1.property1 =(obj2.property2 * multiplier)+ constant value
添加约束的规则
* 对于同层级关系(同一个父控件)的 view 之间的约束关系,添加到他们的父控件上
* 对于有层级关系的 view (一个 view 是另外一个 view 的父控件),那么该约束添加到父控件中
vfl语言 (苹果文档搜索visual format string)
VFL全称是Visual Format Language,翻译过来是“可视化格式语言”
VFL是苹果公司为了简化Autolayout的编码而推出的抽象语言
+ (NSArray *)constraintsWithVisualFormat:(NSString *)format options:(NSLayoutFormatOptions)opts metrics:(NSDictionary *)metrics views:(NSDictionary *)views;
format :VFL语句
opts :约束选项
metrics :VFL语句中用到的具体数值
views :VFL语句中用到的控件
创建一个字典(内部包含VFL语句中用到的控件)的快捷宏定义
NSDictionaryOfVariableBindings(...)
--------------------------------
H:[cancelButton(72)]-12-[acceptButton(50)]
canelButton宽72,acceptButton宽50,它们之间间距12
H:[wideView(>=60@700)]
wideView宽度大于等于60point,该约束条件优先级为700(优先级最大值为1000,优先级越高的约束越先被满足)
V:[redBox]-[yellowBox(==redBox)]
竖直方向上,先有一个redBox,其下方紧接一个高度等于redBox高度的yellowBox
H:|-10-[Find]-[FindNext]-[FindField(>=20)]-|
水平方向上,Find距离父view左边缘默认间隔宽度,之后是FindNext距离Find间隔默认宽度;再之后是宽度不小于20的FindField,它和FindNext以及父view右边缘的间距都是默认宽度。(竖线“|” 表示superview的边缘)