Masonry的基本使用及事件触发更改控件约束

1. 使用CocoaPods导入

$ pod 'MJRefresh' 

2. 在项目中导入Masonry.h 文件

#import "Masonry.h"

3.  示例:有 blueview redview  changebtn 三个控件,按如图1 排列


Masonry的基本使用及事件触发更改控件约束_第1张图片
图1

代码如下:

 //Masonry的使用

主要用到  mas_makeConstraints / mas_remakeConstraints方法

****  有一点需要注明,在使用masonry的方法前,一定要先把控件添加到父视图,不然会发生崩溃,提示找不到父视图!!!

    blueview= [[UIViewalloc]init];

    blueview.backgroundColor = [UIColor blueColor];

    [self.view addSubview:blueview];

   redview= [[UIViewalloc]init];

    redview.backgroundColor = [UIColor redColor];

    [self.view addSubview:redview];

   UIButton* changebtn = [[UIButtonalloc]init];

    changebtn.backgroundColor  = [UIColor greenColor];

    [self.view  addSubview:changebtn];

    [changebtnaddTarget:nil action:@selector(changePosition) forControlEvents:UIControlEventTouchUpInside];

//blueview的约束

    [blueview mas_makeConstraints:^(MASConstraintMaker *make) {

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

        make.top.equalTo(self.view).offset(100);

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

        make.height.equalTo(@50);

    }];

    //redview的约束

    [redview mas_makeConstraints:^(MASConstraintMaker *make) {

        make.left.equalTo(self->blueview.mas_centerX);

        make.top.equalTo(self->blueview.mas_bottom).offset(20);

        make.right.equalTo(self->blueview.mas_right);

        make.height.equalTo(self->blueview.mas_height);

    }];

   //changebtn的约束

    [changebtn mas_makeConstraints:^(MASConstraintMaker*make) {

        make.top.equalTo(self->redview.mas_bottom).offset(60);

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

        make.height.equalTo(self->blueview.mas_height);

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

   }];

4. 若想通过点击按钮,改变blueview redview 的位置,添加事件

使用  mas_remakeConstraints方法即可

- (void)changePosition{

    [redview mas_remakeConstraints:^(MASConstraintMaker *make) {

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

        make.top.equalTo(self.view).offset(100);

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

        make.height.equalTo(@50);

    }];

    [blueview mas_remakeConstraints:^(MASConstraintMaker *make) {

        make.left.equalTo(self->redview.mas_centerX);

        make.top.equalTo(self->redview.mas_bottom).offset(20);

        make.right.equalTo(self->redview.mas_right);

        make.height.equalTo(self->redview.mas_height);

    }];

}

结果如图2,changebtn的位置,我们不用管,大体看一下效果即可


Masonry的基本使用及事件触发更改控件约束_第2张图片
图2

你可能感兴趣的:(Masonry的基本使用及事件触发更改控件约束)