今天在优化项目中一个界面的时候，涉及到masonry布局中添加约束的几种方式的问题，masonry中给一个View添加约束有这几种方式，
mas_makeConstraints
mas_updateConstraints
mas_remakeConstraints
，可能大家常用mas_makeConstraints 这种方式， 并且对其他几种不是特别清楚， 这里具体的举例说一下， 可直接拉到底部看结论
1. 项目中遇到的问题
先来说一下项目中遇到的问题， 有这样一个评论界面，如图，
Paste_Image.png
Paste_Image.png
内部的View不是一定有，比如昵称右侧的年龄，性别， 头像下方的消费信息粉色的View，评论正文下面的图片， 这样在tableview的Cell复用中就可能出问题， 一般可以remove重新创建， 也可以各种hidden=YES/=NO， 这些都是常规的处理， 但是做完这些处理之后， 显示出来的效果却是这个鬼样子。。。
Paste_Image.png
Paste_Image.png
其实这两种效果中间只差了一个re，就是mas_makeConstraints 和
mas_remakeConstraints ， 把所有的make换成remake就可以了
2. 通过示例讲解mas_make/mas_update/mas_remake
其实对一个View布局， 添加方式的区别就是这个View是不是已经约束， 有的话新加的要怎么处理的问题， 以下示例分三种方面研究，
1， View已有A类型约束， 又添加A类型约束。
2， View没有A类型约束， 又添加A类型约束。
3， 新添加的时候是否删除已有约束。
代码大体如下， 改动尝试即可
- (void)test {
WS(ws);
UIView *redView = [[UIView alloc] init];
redView.backgroundColor = [UIColor redColor];
[self.view addSubview:redView];
[redView mas_makeConstraints:^(MASConstraintMaker *make) {
make.top.equalTo(ws.view).offset(100);
make.left.equalTo(ws.view).offset(100);
make.size.mas_equalTo(CGSizeMake(100, 100));
}];
dispatch_after(dispatch_time(DISPATCH_TIME_NOW, (int64_t)(2.0 * NSEC_PER_SEC)), dispatch_get_main_queue(), ^{
[redView mas_makeConstraints:^(MASConstraintMaker *make) {
make.top.equalTo(ws.view).offset(100);
make.left.equalTo(ws.view).offset(100);
make.size.mas_equalTo(CGSizeMake(200, 100));
}];
[self.view setNeedsLayout];
[self.view layoutIfNeeded];
});
}
先看mas_makeConstraints , 只有size的宽度变了， 这种情况View不会变化， 即
1， 已有size约束， 再添加size约束， 不修改
2， 将初始的size移除掉， 其他不变， 会发现屏幕上本来没有View（因为没有size）， 2秒后出现200*100View， 即没有size约束， 添加size， 会更新这个约束
3， 将dispatch_after约束变成只有make.size.mas_equalTo(CGSizeMake(200, 100));, 2秒后无变化， 说明不会删除已有约束
其他两种按这种方式试一试就清楚了， 下面直接给出结论，
| make | update | remake | |
|---|---|---|---|
| 已有某类型约束，再添加 | 不更新 | 更新 | 更新 |
| 没有某类型约束，再添加 | 更新 | 更新 | 更新 |
| 是否删除已有约束 | 不删除 | 不删除 | 全删 |
简而言之， make用第一次添加的， update用最新的， remake不光用最新的还得把老的全干掉， 再看项目中的问题， 就是复用的Cell内部的View已有约束， 还用make添加， 不更新， 换remake即可
<br />
masonry系列其他文章
基本使用 http://www.jianshu.com/p/b5fe6c20f162
等间距布局 http://www.jianshu.com/p/2c7a5ba73fc2
demo地址 https://github.com/CoderLXWang/HowToUseMasonry
网友评论