Masonry使用

mas_equalTo和equalTo

默认情况下

mas_equalTo有自动包装功能,比如自动将20包为@20

equalTo没有自动包装功能

如果添加下面的宏,那么mas_equal和equalTo就没有区别

#define MAS_SHORTHAND_GLOBALS

注意:这个宏一定要添加到#import "Masonry.h"前面

mas_width和width

默认情况下

width是make对象的一个属性,用来添加宽度约束用的,表示对宽度进行约束

mas_width是一个属性值,用来当做equalTo的参数,表示某个空间的宽度属性

如果添加了下面的宏,mas_width也可以写成width

#define MAS_SHORTHAND

#import "ViewController.h"
#define MAS_SHORTHAND
#define MAS_SHORTHAND_GLOBALS
#import <Masonry.h>
@interface ViewController ()

@end

@implementation ViewController

- (void)viewDidLoad {
    [super viewDidLoad];
    
    
    UIView *blueView = UIView.new;
    blueView.backgroundColor = [UIColor colorWithRed:183 / 255.0 green:211 / 255.0 blue:250 / 255.0 alpha:1];
    
    [self.view addSubview:blueView];
    
    UIView *redView = UIView.new;
    redView.backgroundColor = [UIColor redColor];
    
    [self.view addSubview:redView];
    
    CGFloat margin = 20;
    CGFloat height = 50;
    [blueView makeConstraints:^(MASConstraintMaker *make) {
        
        make.left.equalTo(self.view.left).offset(margin);
        make.right.equalTo(redView.left).offset(-margin);
        make.bottom.equalTo(self.view.bottom).offset(-margin);
        make.height.equalTo(height);
        make.top.equalTo(redView.top);
        make.bottom.equalTo(redView.bottom);
        make.width.equalTo(redView.width);
    }];
    
    [redView makeConstraints:^(MASConstraintMaker *make) {
        make.right.equalTo(self.view.right).offset(-margin);
    }];
//    /** 会将以前的所有约束删掉,添加新的约束 */
//    [blueView mas_remakeConstraints:^(MASConstraintMaker *make) {
//        
//    }];
//    
//    /** 将会覆盖以前的某些约束 */
//    [blueView mas_updateConstraints:^(MASConstraintMaker *make) {
//        
//    }];
}

/** 
 *约束的类型:
 1.尺寸: width/height/size
 2.边界: left/leading/right/trailing/top/bottom
 3.中心点: center/centerX/centerY
 4.边界: edges
 */

- (void)test4 {
    
    UIView *blueView = UIView.new;
    blueView.backgroundColor = [UIColor colorWithRed:183 / 255.0 green:211 / 255.0 blue:250 / 255.0 alpha:1];
    
    [self.view addSubview:blueView];
    
    [blueView makeConstraints:^(MASConstraintMaker *make) {
        make.width.equalTo(self.view.width);
        make.height.equalTo(self.view.height);
        make.centerX.equalTo(self.view.centerX);
        make.centerY.equalTo(self.view.centerY);
    }];
}

- (void)test3 {
    
    UIView *blueView = UIView.new;
    blueView.backgroundColor = [UIColor colorWithRed:183 / 255.0 green:211 / 255.0 blue:250 / 255.0 alpha:1];
    
    [self.view addSubview:blueView];
    
    /**
     距离父控件四周都是50间距
     */
    //    [blueView 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);
    //    }];
    
    //    [blueView mas_makeConstraints:^(MASConstraintMaker *make) {
    //        make.left.mas_equalTo(self.view).offset(50);
    //        make.right.mas_equalTo(self.view).offset(-50);
    //        make.top.mas_equalTo(self.view).offset(50);
    //        make.bottom.mas_equalTo(self.view).offset(-50);
    //    }];
    
    //    [blueView mas_makeConstraints:^(MASConstraintMaker *make) {
    //        make.left.offset(50);
    //        make.right.offset(-50);
    //        make.top.offset(50);
    //        make.bottom.offset(-50);
    //    }];
    
    //    [blueView mas_makeConstraints:^(MASConstraintMaker *make) {
    //        make.left.top.offset(50);
    //        make.right.bottom.offset(-50);
    //    }];
    
    [blueView mas_makeConstraints:^(MASConstraintMaker *make) {
        make.edges.mas_equalTo(self.view).insets(UIEdgeInsetsMake(50, 50, 50, 50));
    }];
}

- (void)test2 {
    
    UIView *blueView = UIView.new;
    blueView.backgroundColor = [UIColor colorWithRed:183 / 255.0 green:211 / 255.0 blue:250 / 255.0 alpha:1];
    
    [self.view addSubview:blueView];
    
    /**
     尺寸限制: 父控件一半
     位置: 居中
     */
    [blueView mas_makeConstraints:^(MASConstraintMaker *make) {
        make.size.mas_equalTo(self.view).multipliedBy(0.5);
        make.center.mas_equalTo(self.view);
    }];
}

- (void)test1 {
    
    UIView *blueView = UIView.new;
    blueView.backgroundColor = [UIColor colorWithRed:183 / 255.0 green:211 / 255.0 blue:250 / 255.0 alpha:1];
    
    [self.view addSubview:blueView];
    
    /**
     尺寸限制: 100 X 100
     位置: 粘着父控件右下角,间距是20
     */
    
    /** 这个方法只会添加新的约束 */
    [blueView mas_makeConstraints:^(MASConstraintMaker *make) {
        /** 在这个block里利用make对象创建新的约束 */
        /** 尺寸约束 */
        make.width.equalTo(@100);
        make.height.equalTo(@100);
        make.right.equalTo(self.view.mas_right).offset(-20);
        make.bottom.equalTo(self.view.mas_bottom).offset(-20);
    }];
}