iOS Masonry使用小结

一、Masonry简介

Masonry是一个轻量级的布局框架，它拥有自己的描述语法（采用更优雅的链式语法封装）来自动布局，具有很好可读性且同时支持iOS和Max OS X等。

二、Masonry的基本使用方法

    [控件 mas_makeConstraints:^(MASConstraintMaker *make) {
        //这个方法只会添加新的约束
    }];

    [控件 mas_remakeConstraints:^(MASConstraintMaker *make) {
        //这个方法会将以前的约束全部删除，添加新的约束
    }];

    [控件 mas_updateConstraints:^(MASConstraintMaker *make) {
        //这个方法将会覆盖以前的某些特定的约束
    }];

三、约束的基本属性

@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;

四、约束的特殊属性

//(top, left, bottom, right)

@property (nonatomic, strong, readonly) MASConstraint *edges;

//(width, height)

@property (nonatomic, strong, readonly) MASConstraint *size;

//(centerX, centerY)

@property (nonatomic, strong, readonly) MASConstraint *center;

五、基本使用

//加入这个宏，可以省略所有 mas_ （除了mas_equalTo）

#define MAS_SHORTHAND

//加入这个宏，那么mas_equalTo就和equalTo一样的了

#define MAS_SHORTHAND_GLOBALS

//上面的两个宏一定要在这句之前

#import <Masonry/Masonry.h>

//创建发起会话弹框

UIView *tipView = [[UIView alloc]init];

tipView.backgroundColor=[UIColor greenColor];

//self.tipView.frame=CGRectMake(0, 0, K_CC_SCREEN_WIDTH, 35);

//先添加，再设置约束，否则报错

[self.view addSubview:tipView];

[tipView mas_makeConstraints:^(MASConstraintMaker *make) {

//1、设置tipView的中心点x等于self.view的中心点的x

//make.centerX.equalTo(self.view);

//设置tipView等顶部等于self.view的顶部，同时偏移30

//make.top.equalTo(self.view).offset(30);

//设置宽和高

//make.size.mas_equalTo(CGSizeMake(300, 200));

//2、设置tipView的中心点等于self.view的中心点

//make.center.equalTo(self.view);

//等同于下面

//make.centerX.mas_equalTo(self.view.mas_centerX);

//make.centerY.mas_equalTo(self.view.mas_centerY);

//设置宽和高

//make.size.mas_equalTo(CGSizeMake(300, 200));

//3、注意mas_equalTo后面对应的是数值，equalTo后面跟的是一个对象

//4、设置tipView的宽和高

//make.size.mas_equalTo(CGSizeMake(300, 200));

//make.width.mas_equalTo(300);

//make.height.mas_equalTo(200);

//右边距20，x轴向左是正数，向右是负数

//make.right.equalTo(self.view).offset(-20);

//底部边距20

//make.bottom.equalTo(self.view).offset(-20);

//5、tipView的宽和高等于父控件的一半

/*make.size.equalTo(self.view).multipliedBy(0.5);

make.right.mas_equalTo(self.view.mas_right).offset(-20);

make.bottom.mas_equalTo(self.view.mas_bottom).offset(-20);*/

//6、距离各个边距50

/*make.left.mas_equalTo(self.view.mas_left).offset(50);

make.top.mas_equalTo(self.view.mas_top).offset(50);

make.bottom.mas_equalTo(self.view.mas_bottom).offset(-50);

make.right.mas_equalTo(self.view.mas_right).offset(-50);*/

/*make.left.mas_equalTo(50);

make.top.mas_equalTo(50);

make.bottom.mas_equalTo(-50);

make.right.mas_equalTo(-50);*/

//此时设置的是数值，不用算正负

make.edges.equalTo(self.view).insets(UIEdgeInsetsMake(50, 50, 50, 50));

}];

//警告内容

UILabel *lblTip = [[UILabel alloc]init];

lblTip.backgroundColor = [UIColor clearColor];

lblTip.textColor=[UIColor blackColor];

lblTip.textAlignment = NSTextAlignmentCenter;

lblTip.font = [UIFont systemFontOfSize:15];

lblTip.adjustsFontSizeToFitWidth = YES;

//lblTip.frame = CGRectMake(0, 0, K_CC_SCREEN_WIDTH, 35);

lblTip.text = @"只能选择使用群策的用户进行聊天";

[tipView addSubview:lblTip];

//    [lblTip mas_makeConstraints:^(MASConstraintMaker *make) {

////        make.width.mas_equalTo(390);

//        make.height.mas_equalTo(18);

//        make.centerX.mas_equalTo(self.tipView.mas_centerX);

//        make.centerY.mas_equalTo(self.tipView.mas_centerY);

//    }];

[lblTip mas_makeConstraints:^(MASConstraintMaker *make) {

make.center.equalTo(tipView);

make.width.mas_equalTo(200);

make.height.mas_equalTo(18);

}];

//警告图标

UIImageView *imageTip = [[UIImageView alloc]init];

[imageTip setImage:[UIImage imageNamed:@"群策警告"]];

[tipView addSubview:imageTip];

//    [imageTip mas_makeConstraints:^(MASConstraintMaker *make) {

//        make.width.mas_equalTo(15);

//        make.height.mas_equalTo(15);

//        make.right.mas_equalTo(lblTip.mas_left).offset(-5);

//        make.top.mas_equalTo(10);

//    }];

[imageTip mas_makeConstraints:^(MASConstraintMaker *make) {

make.width.mas_equalTo(15);

make.height.mas_equalTo(15);

make.right.mas_equalTo(lblTip.mas_left).offset(-5);

make.centerY.equalTo(tipView.mas_centerY);

}];