ios 自动布局 Masonry的运用

#一、安装html

pod 'Masonry'

#二、引入头部git

#import "Masonry.h"

#三、demogithub

- (void)viewDidLoad {
    [super viewDidLoad];
    // Do any additional setup after loading the view, typically from a nib.

    //添加两个控件
    UIView *blueView = [[UIView alloc] init];
    blueView.backgroundColor = [UIColor blueColor];
    blueView.translatesAutoresizingMaskIntoConstraints = NO;
    [self.view addSubview:blueView];

    UIView *redView = [[UIView alloc] init];
    redView.backgroundColor = [UIColor redColor];
    redView.translatesAutoresizingMaskIntoConstraints = NO;
    [self.view addSubview:redView];

    //给蓝色View设置约束
    [blueView mas_makeConstraints:^(MASConstraintMaker *make) {
        make.left.equalTo(self.view.mas_left).offset(30);//和父view的左边间距为30;
        make.bottom.equalTo(self.view.mas_bottom).offset(-30);//和父view的底部间距为30;
        make.right.equalTo(redView.mas_left).offset(-30);//和红色view的间距为30;
        make.height.mas_equalTo(50);//蓝色view的高度为50
    }];

    //给红色View设置约束
    [redView mas_makeConstraints:^(MASConstraintMaker *make) {
        make.right.equalTo(self.view.mas_right).offset(-30);//和父view的右边间距为30;
        make.bottom.equalTo(blueView.mas_bottom);//和蓝色view的底部对齐
        make.height.equalTo(blueView.mas_height);//和蓝色view的高度相等
        make.width.equalTo(blueView.mas_width);//和蓝色view的宽度相等
    }];
}

#四、效果图 输入图片说明
官方git地址:https://github.com/SnapKit/Masonry
参考文章
一、http://www.jianshu.com/p/d172131d24c9
二、http://www.mamicode.com/info-detail-470300.htmlcode

相关文章
相关标签/搜索