如何让 UIStackView 更新其布局？

Posted 2023-02-27

【中文标题】如何让 UIStackView 更新其布局？

【英文标题】：How do I get a UIStackView to update its layout?

【发布时间】：2016-06-08 13:38:44

【问题描述】：

我有一个带有 5 个子视图的 UIStackView。我希望能够通过更新它们的intrinsicContentSize 或更新它们的约束来为这些子视图的宽度设置动画。更新子视图布局后如何使 stackView 重绘？

        UIView.animateWithDuration(0.3, animations: 
            viewToResize.compressed = true //changes intrinsicContentSize
            viewToResize.invalidateIntrinsicContentSize()
            self.stackView.layoutIfNeeded() //makes no difference
            anotherSubview.hidden = true //adding this makes everything work
)

我尝试了各种方法来尝试更新 stackView，但没有任何反应。我可以让它工作的唯一方法是，如果我在动画块内显示/隐藏另一个子视图，那么新布局就会正确动画，但我不想这样做。

我看过这个问题 Animating UIStackView arrangedSubview content size change 但建议的答案不起作用（没有动画）。

【问题讨论】：

你试过 view.updateConstraints 吗？

是的，在stackView和subviews上，都没有任何作用。

【参考方案1】：

您不需要viewToResize.invalidateIntrinsicContentSize()，而是更新您的子视图的约束。在下面的代码中，我们在stackView 中有两个子视图，我们从情节提要创建了一个widthConstraint 出口。然后我们可以通过更新动画块中widthConstraint 的常量来为子视图的宽度设置动画。 注意：如果视图包含在堆栈视图中，并且您尝试修改视图框架，则它不应更改

class ViewController: UIViewController 
    @IBOutlet var widthConstraint: NSLayoutConstraint!

    @IBOutlet var stackView: UIStackView!
    var compressed: Bool = true

    @IBOutlet var start: UIButton!

    @IBAction func onStart(sender: UIButton) 
        UIView.animateWithDuration(3.0,
                                   delay: 0.0,
                                   usingSpringWithDamping: 0.3,
                                   initialSpringVelocity: 10.0,
                                   options: .CurveLinear,
                                   animations:  () -> Void in
                                    //self.stackView.invalidateIntrinsicContentSize()
                                    self.widthConstraint.constant = (self.compressed == false) ? 100.0 : 200.0
                                    self.compressed = !self.compressed
                                    self.view.layoutIfNeeded()
            , completion: nil)
    

更多详情，你可以看看这个很棒的博客UIStackView, Auto Layout and Core Animation

【讨论】：

如果我希望 1 个子视图具有固定宽度，而另一个子视图填充可用空间，我该怎么做？ （我想在视图之间切换）我尝试在动画块中删除/添加约束，它可以工作，但会破坏其他约束。

实际上添加和删除约束效果很好，但我不得不降低优先级以阻止其他约束破坏。