Autolayout-Masonry框架

作者:Mitchell 

一、Masonry簡介###

Masonry框架是一個使用了優(yōu)雅語法封裝的輕量級layout框架。Masonry有它自己的一套框架用來描述NSLayoutConstraints布局的DSL,提高了約束代碼的簡潔性與可讀性。


二、Masonry約束添加步驟###

  • 創(chuàng)建控件
  • 將控件添加到父控件之中
  • 禁用autoresizing
  • 設置約束

三、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:只要在導入Masonry主頭文件之前定義這個宏, 那么以后在使用Masonry框架中的屬性和方法的時候, 就可以省略mas_前綴
  • MAS_SHORTHAND_GLOBALS:只要在導入Masonry主頭文件之前定義這個宏,那么就可以讓equalTo函數(shù)接收基本數(shù)據(jù)類型, 內部會對基本數(shù)據(jù)類型進行包裝
  • 注意:這兩個宏如果想有效使用,必須要再添加Masonry頭文件之前導入進去。
  • 簡化后的代碼:
[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當然也支持乘除法,例如:
[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);
    }];

五、總結###

  • Masonry是一個非常棒的編寫Autolayout的第三方庫,以及其優(yōu)雅的語言以及極佳的可讀性征服了工程師們。
最后編輯于
?著作權歸作者所有,轉載或內容合作請聯(lián)系作者
【社區(qū)內容提示】社區(qū)部分內容疑似由AI輔助生成,瀏覽時請結合常識與多方信息審慎甄別。
平臺聲明:文章內容(如有圖片或視頻亦包括在內)由作者上傳并發(fā)布,文章內容僅代表作者本人觀點,簡書系信息發(fā)布平臺,僅提供信息存儲服務。

相關閱讀更多精彩內容

友情鏈接更多精彩內容