Masonry使用方法Masonry的使用Masonry的github地址
本篇文章
Masonry的基本使用方法
[控件 mas_makeConstraints:^(MASConstraintMaker *make) {
//这个方法只会添加新的约束
}];
[控件 mas_remakeConstraints:^(MASConstraintMaker *make) {
//这个方法会将以前的约束全部删除，添加新的约束
}];
[控件 mas_updateConstraints:^(MASConstraintMaker *make) {
//这个方法将会覆盖以前的某些特定的约束
}];
给控件添加约束
使用Masonry给控件添加约束，写法是有很多种的，各种各样
宽高100*100 居中显示
//
[控件 mas_makeConstraints:^(MASConstraintMaker *make) {
//在block中利用make对象创建新的约束
//尺寸约束
make.size.mas_equalTo(CGSizeMake(100, 100));
//位置约束
make.center.mas_equalTo(self.view);
//相当于下面这两句
//self.view.mas_centerX这句话可以直接写self.view
make.centerX.mas_equalTo(self.view.mas_centerX);
make.centerY.mas_equalTo(self.view.mas_centerY);
}];
宽高100*100，粘着父控件右下角，间距都是20
//第一种方法
[控件 mas_makeConstraints:^(MASConstraintMaker *make) {
//宽度（下面的两句相同的效果）
make.width.equalTo(@100);
make.width.mas_equalTo(100);
//高度（下面的两句相同的效果）
make.height.equalTo(@100);
make.height.mas_equalTo(100);
//右边
make.right.equalTo(self.view.mas_right).offset(-20);
//底部
make.bottom.equalTo(self.view.mas_bottom).offset(-20);
}];
//第二种方法
[控件 mas_makeConstraints:^(MASConstraintMaker *make) {
//宽度和高度(and with返回的都是self，为了增加可读性）
//make.width.and.height.mas_equalTo(100);
//make.width.and.height.equalTo(@100);
//make.size.equalTo([NSValue valueWithCGSize:CGSizeMake(100, 100)]);
//make.size.mas_equalTo(CGSizeMake(100, 100));
make.size.mas_equalTo(100);
//右边
make.right.equalTo(self.view.mas_right).offset(-20);
//底部
make.bottom.equalTo(self.view.mas_bottom).offset(-20);
}];
multipliedBy乘以等方法
这些方法可以自己去试一下，以multipliedBy为例
[控件 mas_makeConstraints:^(MASConstraintMaker *make) {
//是父控件的一半
make.size.mas_equalTo(self.view).multipliedBy(0.5);
make.right.equalTo(self.view.mas_right).offset(-20);
//底部
make.bottom.equalTo(self.view.mas_bottom).offset(-20);
}];
各边间距相同
//各边间距都是50
[控件 mas_makeConstraints:^(MASConstraintMaker *make) {
//第一种方法
make.left.mas_equalTo(self.view.mas_left).offset(50);
make.right.mas_equalTo(self.view.mas_right).offset(-50);
make.top.mas_equalTo(self.view.mas_top).offset(50);
make.bottom.mas_equalTo(self.view.mas_bottom).offset(-50);
//第二种方法
make.left.top.mas_equalTo(self.view).offset(50);
make.right.bottom.mas_equalTo(self.view).offset(-50);
//第三种方法
make.edges.mas_equalTo(self.view).insets(UIEdgeInsetsMake(50, 50, 50, 50));
}];
去掉mas_
去掉mas_makeConstraints、mas_left、mas_equalTo等这种类型的前面的mas_
//加入这个宏，可以省略所有 mas_ （除了mas_equalTo）
#define MAS_SHORTHAND
//加入这个宏，那么mas_equalTo就和equalTo一样的了
#define MAS_SHORTHAND_GLOBALS
//上面的两个宏一定要在这句之前
#import "Masonry.h"
//这样写了之后，代码就变成这样了
[控件 makeConstraints:^(MASConstraintMaker *make) {
make.left.equalTo(self.view.left).offset(50);
make.right.equalTo(self.view.right).offset(-50);
make.top.equalTo(self.view.top).offset(50);
make.bottom.equalTo(self.view.bottom).offset(-50);
}];
Masonry还有很多用法，个人看来，像这种布局的框架，Autoresizing和Autolayout一样，都需要自己多练习，才能掌握，可以自己去布局一些东西实战一下，语法就像上面的这样！
作者：Coder007
链接：http://www.jianshu.com/p/f0524f2193d7
來源：
著作权归作者所有。商业转载请联系作者获得授权，非商业转载请注明出处。