Masonry的GitHub地址

Masonry的基本使用方法

[控件 mas_makeConstraints:^(MASConstraintMaker *make) {
        //這個方法只會添加新的約束
    }];

    [控件 mas_remakeConstraints:^(MASConstraintMaker *make) {
        //這個方法會將以前的約束全部刪除，添加新的約束
    }];

    [控件 mas_updateConstraints:^(MASConstraintMaker *make) {
        //這個方法將會覆蓋以前的某些特定的約束
    }];

• 給控件添加約束
• 示例1
  寬高100*100居中顯示

//
  [控件 mas_makeConstraints:^(MASConstraintMaker *make) {
      //在block中利用make對象創建新的約束
      //尺寸約束
      make.size.mas_equalTo(CGSizeMake(100, 100));
      //位置約束
      make.center.mas_equalTo(self.view);
      //相當于下面這兩句
      //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));
    }];

• 大家可能說看到過別人寫的block中沒有mas_這個玩意兒!那么咱們來看看怎么去掉這個mas_來寫約束
• 去掉mas_makeConstraints、mas_left、mas_equalTo等這種類型的前面的mas_

//加入這個宏，可以省略所有 mas_ （除了mas_equalTo）
 #define MAS_SHORTHAND
//加入這個宏，那么mas_equalTo就和equalTo一樣的了
 #define MAS_SHORTHAND_GLOBALS
//上面的兩個宏一定要在這句之前
 #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);
    }];