更深月色半人家,北斗闌干南斗斜<小火猴>
簡介:
<strong>Masonry<strong> 是一個輕量級的布局框架 (
是一個用代碼寫iOS或OS界面的第三方庫犁嗅，可以代替Auto layout期犬。是目前最流行的AutoLayout框架.) 擁有自己的描述語法 采用更優(yōu)雅的鏈式語法封裝自動布局 簡潔明了 并具有高可讀性 而且同時支持 iOS 和 Mac OS X瓤球。能實現(xiàn) AutoLayout 的效果,也就是給我們想要的 View 視圖進行約束,以滿足不同尺寸設備和其他場景的屏幕適配.
下面是操作的一些屬性,我們可以在AutoLayout 里面對應找到可以結合思考
@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;//文本基線```
---------------------
####簡單的語法總結:
>with和and
基本沒用過,方法的結果是返回對象本身,就是對其沒有任何的操作.有人說就是為了代碼的可讀性,我道行太淺感覺有與沒有差別不大.
-----
>mas_equalTo 和 equalTo 區(qū)別：
masequalTo 比equalTo多了類型轉換操作带射，一般來說他炊，大多數時候兩個方法都是 通用的，但是對于數值元素使用mas_equalTo姆吭。對于對象或是多個屬性的處理榛做，使用equalTo。
>>mas_equalTo:這個方法會對參數進行封裝( 可以跟數據和對象 )
equalTo:這個方法不會對參數進行封裝( 后面括號里面必須是對象 )
現(xiàn)在的 mas_equalTo: > equalTo:
------
>mas_makeConstraints 負責新增約束 Autolayout不能同時存在兩條針對于同一對象的約束 否則會報錯
>>給view添加約束内狸，約束方式有幾種检眯，分別是邊距，寬昆淡，高锰瘸，左上右下距離，基準線瘪撇。添加過約束后可以有修正获茬，修正有offset（位移）修正和multipliedBy（倍率）修正。(語法有`make.equalTo or make.greaterThan Or EqualTo or make.lessThanOrEqualTo + 倍數和位移修正`倔既。使用 mas_makeConstraints方法的元素必須事先添加到父元素的中)
>mas_updateConstraints 針對上面的情況 會更新在block中出現(xiàn)的約束 不會導致出現(xiàn)兩個相同約束的情況
mas_remakeConstraints 則會清除之前的所有約束 僅保留最新的約束
------------
####使用的步驟:
>1.把Masonry的文件包拉進工程
2.在需要的地方引入頭文件 `#import "Masonry.h"`
3.建立視圖并添加到父視圖之中
4.調用Masonry封裝的方法進行約束
---------------
####簡單例子太難得我現(xiàn)在也短時間寫不出來
1.首先寫個宏定義:
```object
#define MS(MyWeakSelf) __weak __typeof(&*self)MyWeakSelf = self;
解釋下:這是一個帶參數的宏定義,前面 MS(MyWeakSelf)代替后面的__weak __typeof(&*self)MyWeakSelf = self; 其實就是定義一個與當前self同一個類型的變量(名為你輸入的參數)并且是用__weak修飾的.其目的為了在Block里面進行視圖的一些操作.
2.創(chuàng)建視圖并添加到父視圖上
// 一個背景藍色的View長寬均是400中心在屏幕中心
UIView *centerViewBlue = [UIView new];
centerViewBlue.backgroundColor = [UIColor blueColor];
[self.view addSubview:centerViewBlue];
3.使用Masonry方法進行約束
MS(MS);// 先走一下這個宏定義方法 相當于弱引用MS替代self
// mas_makeConstraints:這個方法只會添加新的約束
[centerViewBlue mas_makeConstraints:^(MASConstraintMaker *make) {
// 在這個block里面利用make對象創(chuàng)建新的約束
// 尺寸約束
make.size.mas_equalTo(CGSizeMake(400, 400));
// 位置約束
make.centerX.mas_equalTo(MS.view.mas_centerX);
make.centerY.mas_equalTo(MS.view.mas_centerY);
//等價 :make.center.mas_equalTo(CGPointMake(0, 0));這句話的意思是在相對于父視圖偏移量均0也可以寫成make.center.mas_equalTo(MS.view);
}];
藍色View的中心在屏幕中心而且長寬固定400
4.加一個紅色視圖View并約束使其四邊距離藍色的都是100
UIView *redView = [UIView new];
redView.backgroundColor = [UIColor redColor];
[self.view addSubview:redView];
__weak UIView *blueView = centerViewBlue;
[redView mas_makeConstraints:^(MASConstraintMaker *make) {
// 四邊的邊距都是固定值
make.left.equalTo(blueView).offset(100); // 向右100間距
make.right.equalTo(blueView).offset(-100); // 向左100間距
make.top.equalTo(blueView).offset(100); // 向下100間距
make.bottom.equalTo(blueView).offset(-100); // 向左100間距
//效果和下面的代碼是一樣的
make.edges.equalTo(blueView).with.insets(UIEdgeInsetsMake(100, 100, 100, 100)
}];
紅色的View距離藍色的View四面邊距都是100
5,加一個綠色的大小是紅色的一半,位于紅色的中心
// 綠色的控件
UIView *greeView = [UIView new];
greeView.backgroundColor = [UIColor greenColor];
[self.view addSubview:greeView];
__weak UIView *redViewTemp = redView;
[greeView mas_makeConstraints:^(MASConstraintMaker *make) {
// 寬高是紅色視圖的0.5倍
make.size.mas_equalTo(redViewTemp).multipliedBy(0.5);
// 中心是紅色視圖的中心
make.center.mas_equalTo(redViewTemp);
}];
綠色View長寬是紅色View的一半中心一樣
難的,我也掌握不好,有時間再寫點其他復雜的
'
