设置子视图自动布局约束更改的动画

Question

许多有关自动布局约束动画的教程建议更新约束的常量属性，然后在动画块中调用layoutIfNeeded（）。

我的处境有点棘手。我有一个包含3个子视图的视图。此超级视图的高度不是固定的-它是按其子视图的高度之和计算的。在某些情况下，我要求这3个子视图中的一个子视图切换其高度（它在0和30之间变化，即我希望平滑地隐藏和显示它）。代码类似于此：

// In superview
subview1.isVisibleInContext = !subview1.isVisibleInContext

// In subview
class MySubview: UIView {
    @IBOutlet var heightConstraint: NSLayoutConstraint!

    var isVisibleInContext = false {
        didSet {
            updateHeight()
        }
    }

    func toggleHeight() {
        let newHeight = isVisibleInContext ? 30 : 0
        layoutIfNeeded()
        heightConstraint.constant = newHeight
        UIView.animate(withDuration: 0.8) {
            self.layoutIfNeeded()
        }
    }
}

不幸的是，这并不像我预期的那样有效。我可以看到子视图高度的平滑变化，但在为子视图高度约束设置新值后，会立即重新计算超级视图的高度。

我想看到超级视图的高度随着其子视图的增加或减少而逐渐增加/减少。

请有人给我指出正确的方向。非常感谢您的帮助。

非常感谢！

Answer 1

在我的方法中，第一件不正确的事情是执行self。layoutIfNeeded（）。在调查了这个问题后，我了解到我必须在上级执行它，如下所示：

self.superview?.layoutIfNeeded()

这也有其原因。本例中的主要问题是，视图本身就是视图的子视图，其中包含3个子视图。因此，为了使其工作，我必须使用以下代码：

self.superview?.superview?.layoutIfNeeded()

子视图必须知道视图的层次结构，这当然不好，但它可以工作。

Answer 2

动画块应位于包含3个MySubviews的ui视图中。在MySubview类中，仅更新高度约束的常量：

在子视图中

func toggleHeight() {
   let newHeight = isVisibleInContext ? 30 : 0
   heightConstraint.constant = newHeight
}

然后在包含3个MySubviews的UIView中设置更改的动画：

在Superview

func toggleHeight(with subview: MySubview) {
   subview.toggleHeight()
   UIView.animate(withDuration: 0.8) {
      self.view.layoutIfNeeded()
   }
}