如何获取 UIStackView 以更新其布局

Question

我有一个有 5 个子视图的UIStackView。我希望能够通过更新其intrinsicContentSize或更新其约束来对这些子视图的宽度进行动画处理。更新子视图的布局后，如何使堆栈视图重绘？

        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
})

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

我见过这个问题对 UIStackView 进行动画处理 排列子视图内容大小更改但是建议的答案不起作用（没有什么动画）。

Answer 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，自动布局和核心动画