Masonry使用

1.框架下载地址

https://github.com/Masonry/Masonry

2.常用属性含义（View+MASShorthandAdditions.h）

View+MASShorthandAdditions中属性与NSLayoutAttrubute的对照表如下

MasonryNSAutoLayout说明

left         NSLayoutAttributeLeft左侧

top         NSLayoutAttributeTop上侧

right       NSLayoutAttributeRight右侧

bottom    NSLayoutAttributeBottom下侧

leading    NSLayoutAttributeLeading首部

trailing    NSLayoutAttributeTrailing尾部

width       NSLayoutAttributeWidth宽

height      NSLayoutAttributeHeight高

centerX     NSLayoutAttributeCenterX横向中点

centerY     NSLayoutAttributeCenterY纵向中点

baseline    NSLayoutAttributeBaseline文本基线

make.size.mas_equalTo(size结构体类型)直接设置控件尺寸

make.edges.mas_equalTo(UIEdgeInsets类型)直接设置边缘间距

and with可以起连接作用

eg:make.size.and.top.equalTo(green)

3.添加约束的方法

mas_makeConstraints只负责新增约束Autolayout不能同时存在两条针对于同一对象的约束否则会报错
mas_updateConstraints针对上面的情况会更新在block中出现的约束不会导致出现两个相同约束的情况
mas_remakeConstraints则会清除之前的所有约束仅保留最新的约束

三种函数善加利用就可以应对各种情况了

eg: [view mas_makeConstraints:^(MASConstraintMaker *make) {

}];

4.使用mas_makeConstrains方法的元素必须事先添加到父视图中

mas_equalTo和equalTo区别：前者比后者多了类型转换操作，支持CGSize CGPoint NSNumber UIEdgeinsets。mas_equalTo是equalTo的封装，equalTo适用于基本数据类型，而mas_equaalTo适用于类似UIEdgeInsetsMake等复杂类型，基本上它可以替换equalTo。

上左为正下右为负是因为坐标而来的视图坐标左上为原点X向右为正Y向下为正

举例比较：

Make.left.equalTo(@64)这么写才可以字面量

make.left.mas_equalTo(64);而mas_equalTo可以不用字面量

5.使用详解
offset,and,with,multipliedBy以下两个都能使用

5.1 mas_equalTo参照self.view设置上下左右间距

make.top.mas_equalTo(10); //top替换成bottom,left,right即可设置各方位

make.edges.mas_equalTo(UIEdgeInsets类型)一行设置四个边缘间距

make.size.mas_equalTo(CGSizeMake(300, 300));一行设置尺寸

make.size.mas_equalTo(self.view).offset(-20);参照self.view偏移一点

5.2 equalTo参照任意view设置上下左右间距或者对齐

make.top.equalTo(anyView).offset(20); //参照anyView设置间距

make.top.equalTo(anyView); //对齐，默认与make后属性一致，此行可换成anyView.centerY等同方向的属性，后面还可以跟偏移属性

make.left.equalTo(@2);默认参照superView；

equalTo方法参照的可以是自己，设置自身宽高的恒定比例：

make.height.equalTo(weakBlue.mas_width).multipliedBy(4/3.0);

5.3设置宽高约束

make.width.mas_equalTo(self.view);

make.width.equalTo(self.view);

make.size.equalTo(green);两个view就相同大小

等同于

make.width.equalTo(green.mas_width);

make.height.equalTo(green.mas_height);

make.right.equalTo(weakSelf.view).offset(-20);

等同于

make.right.mas_equalTo(-20);

make.top.left.bottom.right.equalTo(weakSelf.view).width.insets(UIEdgeInsetsMake(20, 20, 100, 20));

等价

make.edges.equalTo(weakSelf.view).width.insets(UIEdgeInsetsMake(20, 20, 100, 20));

6.总结

(1)所有的属性(top,bottom,left,right,leading,trailing,centerX,centerY,width,height,baseline,center,size,edges,insets,offset,and,with,multipliedBy等)都可随意写在make后面，mas_equalTo和equalTo基本可以互换(就目前了解的);

(2)各种约束按想法来，make.后可以实现。灵活运用八大基本属性top,bottom,left,right,centerX,centerY,width,height,并结合offset,multipliedBy属性,一般的布局基本没问题。

(3)UIEdgeInsets结构体类似C，UIEdgeInsetsMake类似CGRestMake;参照的anyView访问自身属性使用的是anyView.mas_width(or top,left...);