如何快速制作带有约束的动画？

Question

当每个条形图为 UIView 时，我已经编写了一个条形图，并对其高度和超级视图的顶部约束进行了限制。

输入高度值后，应执行持续时间为 10 秒的动画。

但是，动画没有出现。

我先计算条的新高度：

let portion = Float(self.currentValue!) / Float(self.maxValue!) // portion of max height of the bar
let newTopConstraint = Float(maxTopConstraint) * portion // the new distance from the top of the superview

var heightDiff = newTopConstraint - Float(self.barTopConstraint.constant)
heightDiff = abs(heightDiff)

现在我得到了条的新高度，我想将它动画到那个位置：

UIView.animate(withDuration: 10) {
    self.barTopConstraint.constant = newTopConstraint
    self.heightCons.constant += heightDiff
    self.barView.setNeedsLayout()
}

不幸的是，动画永远不会出现。我的动画有什么问题？

Answer 1

用这个替换你的动画代码：

barTopConstraint.constant = newTopConstraint
heightCons.constant += heightDiff

UIView.animate(withDuration: 10, animations: view.layoutIfNeeded)

当您更新约束时，仅将常量设置为其他值不会更新视图。

要更新视图，请在要为其更新约束的视图上调用 layoutIfNeeded()。

在这种情况下，我在主视图上调用layoutIfNeeded()，所以每个子视图也会更新。

将来，如果您想在没有动画的情况下更新约束，请在设置常量后立即调用view.layoutIfNeeded()。如果需要动画，请将layoutIfNeeded 放在UIView.animate 中。