Masonry 实践

来源：互联网发布：指南针软件指标编辑：程序博客网时间：2024/06/08 15:28

Masonry 实践1: 实现一个按比例排布的布局

字数194 阅读1390 评论0 喜欢0

需求如下：

有这样一个界面，横向排列 2 个 UIView ，左边的 UIView 的宽度是右边 UIView 宽度的一半，左边 UIView 的高宽比是固定的，整个视图支持旋转

storyboard 里面设置约束应该也是可以做到的，不过约束一多就分不清哪个是哪个了，很容易乱掉，想了想这个用 Masonry 来实现，看起来可维护性更好一点。

实现代码如下，意思很明白，应该不用解释了吧，源码地址

    [self.leftView mas_makeConstraints:^(MASConstraintMaker *make) {        make.leading.mas_equalTo(padding);        make.top.mas_equalTo(padding);        make.height.equalTo(self.leftView.mas_width).multipliedBy(ratio);    }];

    [self.rightView mas_makeConstraints:^(MASConstraintMaker *make) {        make.top.mas_equalTo(padding);        make.leading.equalTo(self.leftView.mas_trailing).with.offset(padding);        make.trailing.mas_equalTo(-padding);        make.width.equalTo(self.leftView.mas_width).multipliedBy(2);        make.height.equalTo(self.leftView.mas_height);    }];

0 0