ios - 我是否应该将 "addArrangedSubview"附在动画 block 中？

Question

我不是在学习 UIStackView 的使用并阅读 a good tutorial在网上。在教程中，作者编写了如下代码来制作动画:

@IBAction func addStar(sender: AnyObject) {
    let starImgVw:UIImageView = UIImageView(image: UIImage(named: "star"))
    starImgVw.contentMode = .ScaleAspectFit
    self.horizontalStackView.addArrangedSubview(starImgVw)
    UIView.animateWithDuration(0.25, animations: {
        self.horizontalStackView.layoutIfNeeded()
    })
}

但是，当我克隆存储库并稍微更改代码时，我仍然正确地看到相同的动画。

@IBAction func addStar(sender: AnyObject) {
    let starImgVw:UIImageView = UIImageView(image: UIImage(named: "star"))
    starImgVw.contentMode = .ScaleAspectFit
    UIView.animateWithDuration(0.25, animations: {
        self.horizontalStackView.addArrangedSubview(starImgVw)
        self.horizontalStackView.layoutIfNeeded()
    })
}

我将 self.horizo​​ntalStackView.addArrangedSubview(starImgVw) 移到了动画 block 的内部。

我也在 removeStar 函数上尝试了同样的事情；这次移动了 self.horizo​​ntalStackView.removeArrangedSubview(aStar) 和 aStar.removeFromSuperview()，但我也确认动画工作正常。

所以我的问题如下:

• 哪种方法更好？

• 为什么这两个代码以相同的方式工作？

• 当我删除 layoutIfNeeded() 时，动画无法运行。这是因为如果我不强制立即更新 View ，那么下一个 View 更新周期会在动画 block 之后发生，因此动画不再有效，对吧？

Answer 1

在动画 block 中，您只想包含您希望看到的动画变化。您不应该同时包含多个更改，因为这样功能会变得有点不可预测。您无法确定哪个更改优先于其他更改。

所以为了回答你的问题，你的第一个例子

UIView.animateWithDuration(0.25, animations: {
    self.horizontalStackView.layoutIfNeeded()
})

是编写这段代码的更好方法。

只有 UIView 的特定属性是可动画的。来自 Apple 的文档:

The following properties of the UIView class are animatable:
@property frame
@property bounds
@property center
@property transform
@property alpha
@property backgroundColor
@property contentStretch

本质上，通过调用 layoutIfNeeded，您允许 animateWithDuration 在处理器布置星型 View 之前为添加约束添加动画。这就是您看到它向右移动的原因。

删除 layoutIfNeeded() 只会让您添加一个 subview 函数。 添加 subview 不能使用 animateWithDuration 函数设置动画。这就是为什么它不起作用。您可以在首次创建它时将 alpha 设置为 0.0，然后在 animateWithDuration 中将 alpha 设置为 1.0，使其看起来像动画。

starImgVw.alpha = 0.0
horizontalStackView.addArrangedSubview(starImgVw)

UIView.animateWithDuration(0.25) { () -> Void in
    starImgVw.alpha = 1.0
}

我希望这能全面回答您的问题。