使用Masonry的mas_updateConstraints错误理解

最新推荐文章于 2023-12-28 11:54:43 发布

原创最新推荐文章于 2023-12-28 11:54:43 发布 · 2.1w 阅读

4 ·

CC 4.0 BY-SA版权

文章标签：

#ios #布局 #开源 #库

iOS开发专栏收录该内容

17 篇文章

订阅专栏

本文深入探讨了Masonry布局库中的mas_updateConstraints方法，并通过具体示例解释了如何正确使用此方法来更新视图约束，避免布局冲突的问题。

Masonry就不做过多的介绍了，搞iOS布局的应该都知道这个开源库，使用它能节省不少体力，最近在项目中使用这个库的mas_updateConstraints时，发现该方法和自己想象的有点不一样。先贴下自己的代码：

# BaseClass
 [_textLabel mas_makeConstraints:^(MASConstraintMaker *make) {
    self.textLabelLeftLayout = make.left.equalTo(self.checkedButton.mas_right);
    make.centerY.equalTo(self.mas_centerY);
    make.height.mas_equalTo(checkBoxWidth);
    make.right.lessThanOrEqualTo(self.mas_right);
}];

这是基类里对textlabel的布局，其相对view本身居中显示，而子类里想改变这种布局方式，改成和另外一个button对齐显示，因此我就在子类里调整布局如下：

# SubClass
  [self.textLabel mas_updateConstraints:^(MASConstraintMaker *make) {
      make.centerY.equalTo(self.checkedButton.mas_centerY);
  }];

本以为这么做Masonry会帮我把centerY的布局更新，但是编译运行时会提示存在冲突，有两个centerY布局约束，不知道该使用哪一个，然后我就读了下Masonry的源码，发现原来mas_updateConstraints方法里对同一个布局的理解就是相对的元素也是一致才行，即这里这样做才算一次update：

# SubClass
  [self.textLabel mas_updateConstraints:^(MASConstraintMaker *make) {
      make.centerY.equalTo(self.mas_centerY).offset(10);
  }];

所以，这里的一个update是针对如下这种情形才行：
A->B A->B的变化
A->C 这里是一个新的约束
源码里有个方法是对是否是同一个约束的判断：

- (MASLayoutConstraint *)layoutConstraintSimilarTo:(MASLayoutConstraint *)layoutConstraint {
    // check if any constraints are the same apart from the only mutable property constant

    // go through constraints in reverse as we do not want to match auto-resizing or interface builder constraints
    // and they are likely to be added first.
    for (NSLayoutConstraint *existingConstraint in self.installedView.constraints.reverseObjectEnumerator) {
        if (![existingConstraint isKindOfClass:MASLayoutConstraint.class]) continue;
        if (existingConstraint.firstItem != layoutConstraint.firstItem) continue;
        if (existingConstraint.secondItem != layoutConstraint.secondItem) continue;
        if (existingConstraint.firstAttribute != layoutConstraint.firstAttribute) continue;
        if (existingConstraint.secondAttribute != layoutConstraint.secondAttribute) continue;
        if (existingConstraint.relation != layoutConstraint.relation) continue;
        if (existingConstraint.multiplier != layoutConstraint.multiplier) continue;
        if (existingConstraint.priority != layoutConstraint.priority) continue;

        return (id)existingConstraint;
    }
    return nil;
}

可以看到，需要firstItem,secondItem,firstAttribute,secondAttribute,relation,multiplier,priority等一致才会当做同一个约束，否则都不算做一个约束。所以在使用mas_updateConstraints时大家一定要分清楚是否update还是重新添加了一个约束。

PS:针对我遇到的这种使用情况，我在基类里将我的居中约束设置了一个优先级来处理的

# BaseClass
 [_textLabel mas_makeConstraints:^(MASConstraintMaker *make) {
    self.textLabelLeftLayout = make.left.equalTo(self.checkedButton.mas_right);
    make.centerY.equalTo(self.mas_centerY).priorityMedium();
    make.height.mas_equalTo(checkBoxWidth);
    make.right.lessThanOrEqualTo(self.mas_right);
}];