AutoLayout 简介

什么是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的边缘）