1.Masonry的基本API
mas_makeConstraints() // 添加約束
mas_remakeConstraints() //移除之前的約束睦优，重新添加新的約束
mas_updateConstraints() //更新約束
equalTo() // 參數(shù)是對(duì)象類(lèi)型耐薯，一般是視圖對(duì)象或者mas_width這樣的坐標(biāo)系對(duì)象
mas_equalTo() //和上面功能相同键痛，參數(shù)可以傳遞基礎(chǔ)數(shù)據(jù)類(lèi)型對(duì)象育八，可以理解為比上面的API更強(qiáng)大
width() //用來(lái)表示寬度，例如代表view的寬度
mas_width() //用來(lái)獲取寬度的值改执。和上面的區(qū)別在于啸蜜，一個(gè)代表某個(gè)坐標(biāo)系對(duì)象，一個(gè)用來(lái)獲取坐標(biāo)系對(duì)象的值
上面例如equalTo或者width這樣的辈挂，有時(shí)候需要涉及到使用mas_前綴衬横，注意區(qū)分。
//控件左邊 = 參考控件的右邊 + 偏移值（10） （控件在參考控件的右邊终蒂，距離其5px）
make.left.equalTo(view.superview.mas_right).offset(10);//不填則默認(rèn)對(duì)應(yīng)left蜂林，其他同理
注意：masequalTo 和 equalTo 區(qū)別：masequalTo 比equalTo多了類(lèi)型轉(zhuǎn)換操作，一般來(lái)說(shuō)拇泣，大多數(shù)時(shí)候兩個(gè)方法都是通用的噪叙，但是對(duì)于數(shù)值元素使用mas_equalTo。對(duì)于對(duì)象或是多個(gè)屬性的處理霉翔，使用equalTo睁蕾。特別是多個(gè)屬性時(shí)，必須使用equalTo,例如make.left.and.right.equalTo(self.view);
注意:在循環(huán)cell债朵，如果有代碼重復(fù)調(diào)用的地方子眶，一定要使用mas_remakeConstraints，以此防止循環(huán)的時(shí)候生成相同的約束葱弟，影響性能，甚至猜丹，能使用make的地方基本都可以用remake進(jìn)行代替芝加，防止生成無(wú)謂的約束
2.關(guān)于更新約束布局相關(guān)的API
- (void)updateConstraintsIfNeeded //調(diào)用此方法，如果有標(biāo)記為需要重新布局的約束射窒，則立即進(jìn)行重新布局藏杖，內(nèi)部會(huì)調(diào)用updateConstraints方法
- (void)updateConstraints //重寫(xiě)此方法，內(nèi)部實(shí)現(xiàn)自定義布局過(guò)程
- (BOOL)needsUpdateConstraints //當(dāng)前是否需要重新布局脉顿，內(nèi)部會(huì)判斷當(dāng)前有沒(méi)有被標(biāo)記的約束
- (void)setNeedsUpdateConstraints //標(biāo)記需要進(jìn)行重新布局
3.Masonry的屬性
@property (nonatomic, strong, readonly) MASConstraint *left;
@property (nonatomic, strong, readonly) MASConstraint *top;
@property (nonatomic, strong, readonly) MASConstraint *right;
@property (nonatomic, strong, readonly) MASConstraint *bottom;
@property (nonatomic, strong, readonly) MASConstraint *leading;
@property (nonatomic, strong, readonly) MASConstraint *trailing;
@property (nonatomic, strong, readonly) MASConstraint *width;
@property (nonatomic, strong, readonly) MASConstraint *height;
@property (nonatomic, strong, readonly) MASConstraint *centerX;
@property (nonatomic, strong, readonly) MASConstraint *centerY;
@property (nonatomic, strong, readonly) MASConstraint *baseline;
注意：其中l(wèi)eading與left trailing與right 在正常情況下是等價(jià)的 但是當(dāng)一些布局是從右至左時(shí)蝌麸，則會(huì)對(duì)調(diào) 換句話(huà)說(shuō)就是基本不用， 用left和right就好了艾疟。用leading/trailing 后就不要用left/right来吩，如果混用會(huì)出現(xiàn)崩潰敢辩。
4.Masonry的簡(jiǎn)單使用
<1>.簡(jiǎn)單示例
UIView *view = [[UIView alloc] init];
view.backgroundColor = [UIColor redColor];
//一定要先加入父控件，否則報(bào)錯(cuò)
[self.view addSubview:view];
[view mas_makeConstraints:^(MASConstraintMaker *make) {
make.edges.equalTo(view.superview).insets(UIEdgeInsetsMake(20, 20, 20, 20));
}];
等價(jià)代碼
[view mas_makeConstraints:^(MASConstraintMaker *make) {
make.left.right.top.bottom.equalTo(view.superview).insets(UIEdgeInsetsMake(20, 20, 20, 20));
}];
等價(jià)代碼
[view mas_makeConstraints:^(MASConstraintMaker *make) {
make.left.equalTo(view.superview).offset(20);
make.top.equalTo(view.superview).offset(20);
make.right.equalTo(view.superview).offset(-20);
make.bottom.equalTo(view.superview).offset(-20);
}];
注意：鏈?zhǔn)秸Z(yǔ)法中弟疆，and 以及 with都是修飾性語(yǔ)句戚长，不做任何事情，只是便于理解怠苔。
<2>.關(guān)于multipliedBy的使用
//自視圖的寬高是父視圖一半
[view mas_makeConstraints:^(MASConstraintMaker *make) {
make.left.equalTo(view.superview);
make.top.equalTo(view.superview).offset(20);
make.width.height.equalTo(view.superview).multipliedBy(0.5);
}];
<3>.關(guān)于greaterThanOrEqualTo/lessThanOrEqualTo的使用
//寬大于等于200
make.width.greaterThanOrEqualTo(@200);
//寬小于等于200
make.width.lessThanOrEqualTo(@400)
<4>修改指定約束
MASConstraint *topConstraint;
// 在生成約束的時(shí)候
[view1 mas_makeConstraints:^(MASConstraintMaker *make) {
topConstraint = make.top.equalTo(superview.mas_top);
make.left.equalTo(superview.mas_left);
}];
// 在之后進(jìn)行對(duì)該約束 進(jìn)行修改
[topConstraint uninstall];
//blcok中進(jìn)行判斷使用約束(在統(tǒng)一處理某些業(yè)務(wù)的時(shí)候)
[self.button mas_remakeConstraints:^(MASConstraintMaker *make) {
make.size.equalTo(self.buttonSize);
if (topLeft) {
make.top.and.left.offset(10);
} else {
make.bottom.and.right.offset(-10);
}
}];
<5>固定寬高
//固定寬高300*300
[view mas_makeConstraints:^(MASConstraintMaker *make) {
make.center.equalTo(view.superview);
make.width.height.equalTo(@300);
}];
<6>關(guān)于mas_equalTo/mas_offset()使用
//高度為300的約束中同廉，可以這樣子寫(xiě)
mak.height.equalTo(@300);
//也可以，使用mas_equalTo柑司，一般情況下迫肖，使用mas_equalTo來(lái)處理基本數(shù)據(jù)類(lèi)型的封裝
mak.height.mas_equalTo(300);
如果想使用基礎(chǔ)數(shù)據(jù)類(lèi)型當(dāng)做參數(shù)，Masonry為我們提供了"mas_xx"格式的宏定義攒驰。
這些宏定義會(huì)將傳入的基礎(chǔ)數(shù)據(jù)類(lèi)型轉(zhuǎn)換為NSNumber類(lèi)型蟆湖，這個(gè)過(guò)程叫做封箱(Auto Boxing)。
"mas_xx"開(kāi)頭的宏定義讼育，內(nèi)部都是通過(guò)MASBoxValue()函數(shù)實(shí)現(xiàn)的帐姻。
這樣的宏定義主要有四個(gè)，分別是mas_equalTo()奶段、mas_offset()和大于等于饥瓷、小于等于四個(gè)。
mas_equalTo其實(shí)是多了一層處理的宏而已痹籍，因?yàn)閑qualTo并不支持基本數(shù)據(jù)類(lèi)型
#define mas_equalTo(...) equalTo(MASBoxValue((__VA_ARGS__)))
<7>多個(gè)視圖的等高呢铆、等寬、左對(duì)齊蹲缠、下對(duì)齊等的約束
// 表達(dá)三個(gè)視圖等高的約束.
make.height.equalTo(@[view1.mas_height, view2.mas_height]);
make.height.equalTo(@[view1, view2]);
make.left.equalTo(@[view1, @100, view3.right]);
<8>動(dòng)畫(huà)問(wèn)題
//動(dòng)畫(huà)問(wèn)題棺克，和普通的方法實(shí)現(xiàn)差不多，重點(diǎn)只是修改約束后調(diào)用
[view.superview layoutIfNeeded];
[view mas_makeConstraints:^(MASConstraintMaker *make) {
make.top.mas_equalTo(400);
make.left.mas_equalTo(100);
make.size.mas_equalTo(CGSizeMake(100, 100));
}];
//如果其約束還沒(méi)有生成的時(shí)候需要?jiǎng)赢?huà)的話(huà)线定，就請(qǐng)先強(qiáng)制刷新后才寫(xiě)動(dòng)畫(huà)娜谊，否則所有沒(méi)生成的約束會(huì)直接跑動(dòng)畫(huà)
[view.superview layoutIfNeeded];
[UIView animateWithDuration:3 animations:^{
[view mas_updateConstraints:^(MASConstraintMaker *make) {
make.left.mas_equalTo(200);
}];
[view.superview layoutIfNeeded];//強(qiáng)制繪制
}];
<9>設(shè)置約束優(yōu)先級(jí)
Masonry為我們提供了三個(gè)默認(rèn)的方法，priorityLow()斤讥、priorityMedium()纱皆、priorityHigh()，這三個(gè)方法內(nèi)部對(duì)應(yīng)著不同的默認(rèn)優(yōu)先級(jí)芭商。
除了這三個(gè)方法派草，我們也可以自己設(shè)置優(yōu)先級(jí)的值，可以通過(guò)priority()方法來(lái)設(shè)置铛楣。
[self.redView mas_makeConstraints:^(MASConstraintMaker *make) {
make.center.equalTo(self.view); make.width.equalTo(self.view).priorityLow();
make.width.mas_equalTo(20).priorityHigh();
make.height.equalTo(self.view).priority(200);
make.height.mas_equalTo(100).priority(1000);
}];
Masonry也幫我們定義好了一些默認(rèn)的優(yōu)先級(jí)常量近迁，分別對(duì)應(yīng)著不同的數(shù)值，優(yōu)先級(jí)最大數(shù)值是1000簸州。
static const MASLayoutPriority MASLayoutPriorityRequired = UILayoutPriorityRequired;
static const MASLayoutPriority MASLayoutPriorityDefaultHigh = UILayoutPriorityDefaultHigh;
static const MASLayoutPriority MASLayoutPriorityDefaultMedium = 500;
static const MASLayoutPriority MASLayoutPriorityDefaultLow = UILayoutPriorityDefaultLow;
static const MASLayoutPriority MASLayoutPriorityFittingSizeLevel = UILayoutPriorityFittingSizeLevel;
5.Masonry的注意事項(xiàng)
<1> 使用 mas_makeConstraints方法的元素必須事先添加到父元素的中鉴竭，例如
[self.view addSubview:view];
<2> multipliedBy的使用只能是設(shè)置同一個(gè)控件的歧譬，比如這里的bottomInnerView，
make.height.mas_equalTo(bottomInnerView.mas_width).multipliedBy(3);
<3> 對(duì)label約束必須設(shè)置最大約束的寬度
self.titleLabel.preferredMaxLayoutWidth = w - 100 - 15;
<4> contentView的沖突
如果遇到和contentView的沖突拓瞪，基本原因是因?yàn)閏ell的content view有一個(gè)系統(tǒng)的約束（高度）缴罗，而masonry是不會(huì)去管理非自己產(chǎn)生的約束，因此在使用label imageview等情況下祭埂，增加以下屬性設(shè)置面氓，確保優(yōu)先級(jí)以防止沖突
[_contentLabel setContentHuggingPriority:UILayoutPriorityRequired forAxis:UILayoutConstraintAxisVertical];
6.Masonry使用問(wèn)題、修改沖突
當(dāng)約束沖突發(fā)生的時(shí)候蛆橡，我們可以設(shè)置view的key來(lái)定位是哪個(gè)
viewredView.mas_key =@"redView";greenView.mas_key = @"greenView";blueView.mas_key = @"blueView";
若是覺(jué)得這樣一個(gè)個(gè)設(shè)置比較繁瑣舌界，怎么辦呢，Masonry則提供了批量設(shè)置的宏
MASAttachKeysMASAttachKeys(redView,greenView,blueView); //一句代碼即可全部設(shè)置泰演。
如果出現(xiàn)什么疑難雜癥的話(huà)呻拌，基本都是AutoLayout在iOS的不適用，所以搜索問(wèn)題的話(huà)睦焕，各位直接搜索Autolayout 關(guān)鍵字便可藐握，不必搜索Masonry的問(wèn)題。
