Masonry使用方法Masonry的使用Masonry的github地址
Masonry的基本使用方法
[控件 mas_makeConstraints:^(MASConstraintMaker *make) {
//這個(gè)方法只會(huì)添加新的約束
}];
[控件 mas_remakeConstraints:^(MASConstraintMaker *make) {
//這個(gè)方法會(huì)將以前的約束全部刪除汗捡，添加新的約束
}];
[控件 mas_updateConstraints:^(MASConstraintMaker *make) {
//這個(gè)方法將會(huì)覆蓋以前的某些特定的約束
}];
給控件添加約束
使用Masonry給控件添加約束净嘀，寫法是有很多種的枫疆，各種各樣
寬高100*100 居中顯示
//
[控件 mas_makeConstraints:^(MASConstraintMaker *make) {
//在block中利用make對(duì)象創(chuàng)建新的約束
//尺寸約束
make.size.mas_equalTo(CGSizeMake(100, 100));
//位置約束
make.center.mas_equalTo(self.view);
//相當(dāng)于下面這兩句
//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_
//加入這個(gè)宏食拜，可以省略所有 mas_ （除了mas_equalTo）
#define MAS_SHORTHAND
//加入這個(gè)宏鸵熟，那么mas_equalTo就和equalTo一樣的了
#define MAS_SHORTHAND_GLOBALS
//上面的兩個(gè)宏一定要在這句之前
#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還有很多用法负甸，個(gè)人看來流强，像這種布局的框架，Autoresizing和Autolayout一樣呻待，都需要自己多練習(xí)打月，才能掌握，可以自己去布局一些東西實(shí)戰(zhàn)一下蚕捉，語法就像上面的這樣奏篙！
作者：Coder007
鏈接：http://www.reibang.com/p/f0524f2193d7
來源：簡(jiǎn)書
著作權(quán)歸作者所有。商業(yè)轉(zhuǎn)載請(qǐng)聯(lián)系作者獲得授權(quán)，非商業(yè)轉(zhuǎn)載請(qǐng)注明出處秘通。
