使用第三方框架 Masonry 实现自动布局

2019-10-21 18:55:41

字体：大中小

来源：转载

供稿：网友

由于前两天都在学习自动布局的使用，但是又觉得苹果原生的方式太过于麻烦，而且也不易于理解，昨天听人说了有个第三方框架也可以实现自动布局的功能，然后在https://github.com/上找到了Mansonry这个框架，使用起来真的减少了很多时间，而且代码直观，更加容易理解。

送上源码地址：https://github.com/Masonry/Masonry

Masonry,自动布局

以上说明了与参照控件的关系中三种条件的对应替代方法。

Masonry,自动布局

以上说明了上下左右等属性的对应替代属性。

一些设置约束的方法，更多内容请参考网站说明。

1 //设置约束2 - (NSArray *)mas_makeConstraints:(void(^)(MASConstraintMaker *))block;3 4 //如果之前已经有约束,则更新新的约束,如果没有约束,则添加约束5 - (NSArray *)mas_updateConstraints:(void(^)(MASConstraintMaker *))block;6 7 //将之前的约束全部删除,添加新的约束8 - (NSArray *)mas_remakeConstraints:(void(^)(MASConstraintMaker *make))block;

以下为代码使用实现布局效果：

 1     //添加两个控件 2     UIView *blueView = [[UIView alloc] init]; 3     blueView.backgroundColor = [UIColor blueColor]; 4     blueView.translatesAutoresizingMaskIntoConstraints = NO; 5     [self.view addSubview:blueView]; 6      7     UIView *redView = [[UIView alloc] init]; 8     redView.backgroundColor = [UIColor redColor]; 9     redView.translatesAutoresizingMaskIntoConstraints = NO;10     [self.view addSubview:redView];11 12     //给蓝色View设置约束13     [blueView mas_makeConstraints:^(MASConstraintMaker *make) {14         make.left.equalTo(self.view.mas_left).offset(30);//和父view的左边间距为30;15         make.bottom.equalTo(self.view.mas_bottom).offset(-30);//和父view的底部间距为30;16         make.right.equalTo(redView.mas_left).offset(-30);//和红色view的间距为30;17         make.height.mas_equalTo(50);//蓝色view的高度为5018     }];19     20     //给红色View设置约束21     [redView mas_makeConstraints:^(MASConstraintMaker *make) {22         make.right.equalTo(self.view.mas_right).offset(-30);//和父view的右边间距为30;23         make.bottom.equalTo(blueView.mas_bottom);//和蓝色view的底部对齐24         make.height.equalTo(blueView.mas_height);//和蓝色view的高度相等25         make.width.equalTo(blueView.mas_width);//和蓝色view的宽度相等26     }];