作者:Mitchell
一休偶、Masonry簡介###
Masonry框架是一個使用了優(yōu)雅語法封裝的輕量級layout框架笑撞。Masonry有它自己的一套框架用來描述NSLayoutConstraints布局的DSL,提高了約束代碼的簡潔性與可讀性扔水。
二、Masonry約束添加步驟###
- 創(chuàng)建控件
- 將控件添加到父控件之中
- 禁用autoresizing
- 設(shè)置約束
三、Masonry的引入###
- 第一步:在Masonry鏈接下載庫抬闷,用CocoaPod的方式,或者直接拖拽的方式引入文件夾耕突。
-
第二步:在需要的類中引入頭文件
#import "Masonry.h"
笤成,先編譯運行一下,如果沒錯那么就引入成功眷茁。
四炕泳、Masonry的具體使用###
- 主要方法:
- 創(chuàng)建約束:
- (NSArray*)makeConstraints:(void(^)(MASConstraintMaker *))block {
return [self mas_makeConstraints:block];
}
- 更新約束:
(如果沒有約束的時候會自動添加)
- (NSArray*)updateConstraints:(void(^)(MASConstraintMaker *))block {
return [self mas_updateConstraints:block];
}
- 刪除約束
- (NSArray*)remakeConstraints:(void(^)(MASConstraintMaker *))block {
return [self mas_remakeConstraints:block];
}
- 具體使用:
- 代碼:
[blueView mas_makeConstraints:^(MASConstraintMaker *make) {
make.top.equalTo(self.view.mas_top).offset(20);
make.left.equalTo(self.view.mas_left).offset(20);
make.right.equalTo(self.view.mas_right).offset(-20);
make.height.equalTo([NSNumber numberWithFloat:50]);
}];
- 說明:
顯而易見,代碼的意思就是讓blueView距離self.view的上下左右各位20上祈。
- 使用技巧:
- 為了增加代碼的可讀性這里有兩個簡化代碼的宏:
#define MAS_SHORTHAND
和#define MAS_SHORTHAND_GLOBALS
-
MAS_SHORTHAND
:只要在導(dǎo)入Masonry主頭文件之前定義這個宏, 那么以后在使用Masonry框架中的屬性和方法的時候, 就可以省略mas_前綴 -
MAS_SHORTHAND_GLOBALS
:只要在導(dǎo)入Masonry主頭文件之前定義這個宏,那么就可以讓equalTo函數(shù)接收基本數(shù)據(jù)類型, 內(nèi)部會對基本數(shù)據(jù)類型進(jìn)行包裝 -
注意
:這兩個宏如果想有效使用培遵,必須要再添加Masonry頭文件之前導(dǎo)入進(jìn)去
浙芙。 - 簡化后的代碼:
[blueView makeConstraints:^(MASConstraintMaker *make) {
make.top.equalTo(self.view.top).offset(20); // y
make.left.equalTo(self.view.left).offset(20); // x
make.right.equalTo(self.view.right).offset(-20); // w
make.height.equalTo(50);
}];
- Masonry當(dāng)然也支持乘除法,例如:
[redView makeConstraints:^(MASConstraintMaker *make) {
make.top.equalTo(blueView.bottom).offset(20);
make.right.equalTo(blueView.right);
make.height.equalTo(blueView.height);
make.width.equalTo(blueView.width).multipliedBy(0.5);
}];
五籽腕、總結(jié)###
- Masonry是一個非常棒的編寫Autolayout的第三方庫嗡呼,以及其優(yōu)雅的語言以及極佳的可讀性征服了工程師們。