NSLayoutConstraint自动化布局

第一种：
(NSArray *)constraintsWithVisualFormat:(NSString *)format options:(NSLayoutFormatOptions)opts metrics:(NSDictionary *)metrics views:(NSDictionary *)views;

### 参数定义:
第一个参数：V:|-(>=XXX) :表示垂直方向上相对于SuperView大于、等于、小于某个距离
若是要定义水平方向，则将V：改成H：即可
在接着后面-[]中括号里面对当前的View/控件 的高度/宽度进行设定；
第二个参数：options：字典类型的值；这里的值一般在系统定义的一个enum里面选取
第三个参数：metrics：nil；一般为nil ，参数类型为NSDictionary，从外部传入 //衡量标准
第四个参数：views：就是上面所加入到NSDictionary中的绑定的View


### 使用规则:
|: 表示父视图
-:表示距离
V:  :表示垂直
H:  :表示水平
>= :表示视图间距、宽度和高度必须大于或等于某个值
<= :表示视图间距、宽度和高度必须小宇或等于某个值
== :表示视图间距、宽度或者高度必须等于某个值
@  :>=、<=、==  限制   最大为  1000
|-[view]-|:  视图处在父视图的左右边缘内
|-[view]  :   视图处在父视图的左边缘
|[view]   :   视图和父视图左边对齐
-[view]-  :  设置视图的宽度高度
|-30.0-[view]-30.0-|:  表示离父视图 左右间距  30
[view(200.0)] : 表示视图宽度为 200.0
|-[view(view1)]-[view1]-| :表示视图宽度一样，并且在父视图左右边缘内
 V:|-[view(50.0)] : 视图高度为  50
 V:|-(==padding)-[imageView]->=0-[button]-(==padding)-| : 表示离父视图的距离
为Padding,这两个视图间距必须大于或等于0并且距离底部父视图为 padding。
  [wideView(>=60@700)]  :视图的宽度为至少为60 不能超过  700
 如果没有声明方向默认为  水平  V:

/*

* 1. 自动布局使用可视化语言:VFL(Visual Format Language)

2. 自动布局的相关参数

NSArray *constrArray = [NSLayoutConstraint constraintsWithVisualFormat:@"string类型"

options:

metrics:

views:]；

3. 解释：

a) 第一个参数：使用VFL格式化的字符串，可以参见官方的帮助文档；

b) 第二个参数：指定VFL中所有对象的布局属性和方向。举例：有2个视图使用VFL进行布局，可以使用NSLayoutFormatAlignAllLeft，就让两个视图左对齐；

c) 第三个参数：度量或者指标的字典，字典里面有相关的键值对来控制相关的度量指标，通过key获取；

d) 第四个参数：指定约束的视图：一个或多个。

4. VFL语言的规则

a) "H" 表示水平方向，"V"表示垂直方向；

b) "|" 表示superview的边界；

c) "[]" 表示view，"()"表示尺寸，它们可以多个条件组合，中间使用逗号分隔，举例：[view(>=70, <=100)];

d) "-" 表示间隙；

e) "@"表示优先级。举例：V:|-50@750-[view(55)]

*/

/**

//创建VFL约束字符串

NSString *hVFL = @"H:|-space-[leftView(==rightView)]-space1-[rightView]-space-|";

NSString *hVFL1 = @"H:|-space-[bottomView]-space-|";

NSString *vVFL = @"V:|-space-[leftView(==bottomView)]-space-[bottomView]-space-|";

NSString *vVFL1 = @"V:|-space-[rightView(==bottomView)]-space-[bottomView]-space-|";

//创建键值映射

NSDictionary *metircs = @{@"space":@20,@"space1":@30};

NSDictionary *views = NSDictionaryOfVariableBindings(leftView,rightView,bottomView);

//创建约束

NSArray *hconstraint = [NSLayoutConstraint constraintsWithVisualFormat:hVFL options:NSLayoutFormatDirectionLeadingToTrailing metrics:metircs views:views];

NSArray *hconstraint1 = [NSLayoutConstraint constraintsWithVisualFormat:hVFL1 options:NSLayoutFormatDirectionLeadingToTrailing metrics:metircs views:views];

NSArray *vconstraint = [NSLayoutConstraint constraintsWithVisualFormat:vVFL options:NSLayoutFormatDirectionLeadingToTrailing metrics:metircs views:views];

NSArray *vconstraint1 = [NSLayoutConstraint constraintsWithVisualFormat:vVFL1 options:NSLayoutFormatDirectionLeadingToTrailing metrics:metircs views:views];

//添加约束

[self.view addConstraints:hconstraint];

[self.view addConstraints:hconstraint1];

[self.view addConstraints:vconstraint];

[self.view addConstraints:vconstraint1];

**/

}

总结：通过一个小小的编程，使大家初步了解了NSLayoutConstraint的使用规则和作用。这两种方式各有特点，本人比较喜欢用第二种，因为感觉代码较少。在使用NSLayoutConstraint 系统自动布局时，注意的地方很多，细心一点，用起来还是很方便的

 
第二种

－－－－－－－－－－－－－－－－－－－－－－－－－分割线－－－－－－－－－－－－－－－－－－－－－－－


+(instancetype)constraintWithItem:(id)view1 attribute:(NSLayoutAttribute)attr1 relatedBy:(NSLayoutRelation)relation toItem:(id)view2 attribute:(NSLayoutAttribute)attr2 multiplier:(CGFloat)multiplier constant:(CGFloat)c;

### 参数说明:
第一个参数:指定约束左边的视图view1
第二个参数:指定view1的属性attr1，具体属性见文末。
第三个参数:指定左右两边的视图的关系relation，具体关系见文末。
第四个参数:指定约束右边的视图view2
第五个参数:指定view2的属性attr2，具体属性见文末。
第六个参数:指定一个与view2属性相乘的乘数multiplier
第七个参数:指定一个与view2属性相加的浮点数constant


这个函数的对照公式为:
view1.attr1 <relation> view2.attr2 * multiplier + constant

第三种：Masonry  


  转载：http://www.jianshu.com/p/bab69690cb1a
       http://www.jianshu.com/p/5da3d2fe5dee
       http://www.cnblogs.com/xieyajie/p/4612697.html