第三方框架－02.Masonry使用介绍

概述

• 从此前给控件通过OC和VFL两种代码添加约束可以看到，代码添加约束非常繁琐，代码量较大，且不易理解和阅读，所以通常情况下，我们能够使用storyboard添加约束的一般就使用故事板添加，若是需要同时用到storyboard和代码的情况，建议使用第三方框架Masonry
• Masonry概述
  
  • 目前最流行的Autolayout第三方框架
  • 代码通俗易懂，省去了苹果官方的复杂代码形式

基本使用

• 基本使用介绍

- (void)viewDidLoad {
    [super viewDidLoad];

    // 1.创建二个子视图，添加到父视图上面
    UIView *redView = [[UIView alloc] init];
    redView.backgroundColor = [UIColor redColor];
    [self.view addSubview:redView];

    UIView *blueView = [[UIView alloc] init];
    blueView.backgroundColor = [UIColor blueColor];
    [self.view addSubview:blueView];

    // 2.禁止红色View的Autgoresizing
    blueView.translatesAutoresizingMaskIntoConstraints = NO;
    redView.translatesAutoresizingMaskIntoConstraints = NO;


    // 3.添加约束
    // 3.1添加红色约束
    [redView mas_makeConstraints:^(MASConstraintMaker *make) {
        // make代表当前视图，添加左边约束
        make.left.equalTo(self.view.mas_left).offset(20);
        // 添加上边约束
        make.top.equalTo(self.view.mas_top).offset(20);
        // 添加右边约束
        make.right.equalTo(self.view.mas_right).offset(-20);
        // 添加高度约束
        make.height.equalTo(@50);
    }];
     // 3.2添加蓝色约束
    [blueView mas_makeConstraints:^(MASConstraintMaker *make) {
       // 添加右边约束
        make.right.equalTo(redView.mas_right);
       // 添加上边约束
        make.top.equalTo(redView.mas_bottom).offset(20);
       // 添加宽度约束
        make.width.equalTo(redView.mas_width).multipliedBy(0.5);
        // 添加高度约束
        make.height.equalTo(redView.mas_height);
    }];
}

• 从上述示例代码，可以看到约束添加的代码简单，可读性强
• 补充，只需要在导入Masonry.h之前，添加上一上两个宏， 就可以简化代码

#define MAS_SHORTHAND
#define MAS_SHORTHAND_GLOBALS
#import "Masonry.h"

#define MAS_SHORTHAND
// 只要添加这个宏, 就可以去掉Masonry框架中对象访问对象属性前面的mas_属性, 和方法前的mas_前缀

// 例如添加前的写法
/*
 make.left.equalTo(self.view.mas_left).with.offset(20);
 */
// 例如添加后的写法
/*
 make.left.equalTo(self.view.left).with.offset(20);
 */

#define MAS_SHORTHAND_GLOBALS
// 只要添加上这个宏, 给equalTo传递参数的时候, 就可以直接传递基本数据类型 ,系统会自动包装
// 如果没有添加上面这个宏, 那么给equalTo传递参数的时候, 必须传递对象
// 如果要传递基本数据类型必须使用mas_equalTo

// 添加高度约束，添加前的写法
/*
make.height.equalTo(@50);//需传入对象
*/
// 添加后的写法
/*
make.height.equalTo(50);//可以直接传递基本数据类型
*/