iOS开发masonry的一些使用简介

从一开始的纯代码计算frame，虽然自认为计算frame 刚刚的，但是到后来还是开始xib的自动约束和手动约束与frame搭配使用，经历这几种方式，大概一年前开始普遍使用masonry来代码约束,感觉还不错，分享下，比原生的好使多了。

使用步骤

 1.添加Masonry文件夹的所有源代码到项目中(共两个Masonry这个文件夹,以及Masonry.framework)

 2.添加两个宏定义导入头文件

  // 只要添加了这个宏，就不用带mas_前缀

  #define MAS_SHORTHAND

  // 只要添加了这个宏，equalTo就等价于mas_equalTo

 #define MAS_SHORTHAND_GLOBALS

  // 这个头文件一定要放在上面两个宏的后面

  #import "Masonry.h"

 

 下面是添加约束的方法

 // 这个方法只会添加新的约束

 2  [view makeConstraints:^(MASConstraintMaker *make) {

 3

 4  }];

 5

 6 // 这个方法会将以前的所有约束删掉，添加新的约束

 7  [view remakeConstraints:^(MASConstraintMaker *make) {

 8

 9  }];

 10

 11  // 这个方法将会覆盖以前的某些特定的约束

 12  [view updateConstraints:^(MASConstraintMaker *make) {

 13

 14  }];

 

 约束的类型

 1.尺寸：width\height\size

 2.边界：left\leading\right\trailing\top\bottom

 3.中心点：center\centerX\centerY

 4.边界：edges

*/

 

基本约束

UIView *superView = self.view;

    //三个view布满整个屏幕

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

    leftView.backgroundColor = [UIColor yellowColor];

    [superView addSubview:leftView];

    

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

    rightView.backgroundColor = [UIColor grayColor];

    [superView addSubview:rightView];

    

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

    bottomView.backgroundColor = [UIColor greenColor];

    [superView addSubview:bottomView];

    

    int spacing = 0;

    

    [leftView makeConstraints:^(MASConstraintMaker *make) {

        make.left.equalTo(self.view).offset(spacing);

        make.top.equalTo(superView).offset(64);

        make.right.equalTo(rightView.mas_leftMargin).offset(spacing);

        make.bottom.equalTo(superView.mas_centerY).offset(32);

    }];

    

    [rightView makeConstraints:^(MASConstraintMaker *make) {

        make.left.equalTo(leftView.mas_rightMargin).offset(spacing);

        make.right.equalTo(superView).offset(spacing);

        make.top.equalTo(superView).offset(64);

        make.width.equalTo(leftView);

        make.height.equalTo(leftView);

        

    }];

    

    [bottomView makeConstraints:^(MASConstraintMaker *make) {

        make.left.equalTo(superView).offset(0);

        make.right.equalTo(superView).offset(0);

        make.bottom.equalTo(superView).offset(0);

        make.top.equalTo(leftView.mas_bottom).offset(0);

        make.height.equalTo(leftView);

    }];

 

更换所有约束

- (void)viewDidLoad {

    [super viewDidLoad];

    

    yesOrNo = YES;

    

    thisBtn = [UIButton buttonWithType:UIButtonTypeRoundedRect];

    [thisBtn setTitle:@"click" forState:UIControlStateNormal];

    [thisBtn addTarget:self action:@selector(updateMas) forControlEvents:UIControlEventTouchUpInside];

    [self.view addSubview:thisBtn];

    

    [thisBtn makeConstraints:^(MASConstraintMaker *make) {

        make.left.equalTo(self.view).offset(10);

        make.top.equalTo(self.view).offset(64 + 10);

        make.width.equalTo(100);

        make.height.equalTo(30);

    }];

    

    // Do any additional setup after loading the view.

}

 

-(void)updateMas

{

    int num = arc4random()%300;

    NSLog(@"%d",num);

    [thisBtn remakeConstraints:^(MASConstraintMaker *make) {

        make.bottom.equalTo(self.view).equalTo(- num - 20);

        make.left.equalTo(self.view).equalTo(num);

        make.width.equalTo(100);

        make.height.equalTo(30);

    }];

    

}

 

更新某个约束

- (void)viewDidLoad {

    [super viewDidLoad];

    

    btn = [UIButton buttonWithType:UIButtonTypeRoundedRect];

    [btn setTitle:@"click" forState:UIControlStateNormal];

    btn.backgroundColor = [UIColor grayColor];

    [btn addTarget:self action:@selector(update) forControlEvents:UIControlEventTouchUpInside];

    [self.view addSubview:btn];

    

    [btn makeConstraints:^(MASConstraintMaker *make) {

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

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

        make.center.equalTo(self.view);

        make.width.equalTo(100);

        make.height.equalTo(30);

    }];

    

    

    // Do any additional setup after loading the view.

}

 

-(void)update

{

    int width = arc4random()%300 +30;

    [btn updateConstraints:^(MASConstraintMaker *make) {

        make.width.equalTo(width);

    }];

}

 

Scrollview

 

#import "ScrollviewViewController.h"

 

@interface ScrollviewViewController ()

@property(nonatomic,strong)UIScrollView *myScrollview;

@end

 

@implementation ScrollviewViewController

 

- (void)viewDidLoad {

    [super viewDidLoad];

    _myScrollview = [[UIScrollView alloc] init];

    _myScrollview.backgroundColor = [UIColor grayColor];

    [self.view addSubview:_myScrollview];

    [self.myScrollview makeConstraints:^(MASConstraintMaker *make) {

        make.edges.equalTo(self.view);

    }];

    

    [self makeScr];

    // Do any additional setup after loading the view.

}

 

 

-(void)makeScr

{

    UIView *contentView = UIView.new;

    [self.myScrollview addSubview:contentView];

    

    [contentView makeConstraints:^(MASConstraintMaker *make) {

        make.edges.equalTo(self.myScrollview);

        make.width.equalTo(self.myScrollview);

    }];

    

    UIView *lastView;

    CGFloat height = 35 + arc4random()%100;

    

    for (int i=0 ; i< 16; i++) {

        UIView *view = UIView.new;

        view.backgroundColor =[self randomColor];

        [contentView addSubview:view];

        [view makeConstraints:^(MASConstraintMaker *make) {

            make.top.equalTo(lastView ? lastView.bottom : @0);

            make.left.equalTo(@0 );

            make.width.equalTo(contentView.width);

            make.height.equalTo(@(height));

        }];

        

        lastView = view;

    }

    

    [contentView makeConstraints:^(MASConstraintMaker *make) {

        make.bottom.equalTo(lastView.bottom);

    }];

    

}

- (UIColor *)randomColor {

    CGFloat hue = ( arc4random() % 255 / 255.0 );  //  0.0 to 1.0

    CGFloat saturation = ( arc4random() % 128 / 255.0 ) + 0.5;  //  0.5 to 1.0, away from white

    CGFloat brightness = ( arc4random() % 128 / 255.0 ) + 0.5;  //  0.5 to 1.0, away from black

    return [UIColor colorWithHue:hue saturation:saturation brightness:brightness alpha:1];

}

 

 

以上是一些最基本的简单使用，具体的还得自己加以研究啊。

需要注意的：

1 控件必需先添加在给约束。

 

以下是约束的代码demo

 MasonryDemo.zip