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.horizontalStackView.addArrangedSubview(starImgVw)移动到动画块的内部。

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

所以我的问题如下：

哪种方式更好？
为什么这两个代码的工作方式相同？
当我删除layoutIfNeeded()时，动画无效。这是因为如果我不强制视图立即更新，那么下一个视图更新周期会在动画块之后发生，因此动画不再有效，对吧？

Answer 1

在动画块中，您只想包含要查看动画的更改。您不应该同时包含多个更改，因为这样功能变得有点不可预测。您不确定哪个更改优先于其他更改。

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

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在处理器布局之前为星形视图添加约束动画。这就是为什么你看到它向右移动的原因。

删除layoutIfNeeded()只会让您添加子视图功能。 使用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
}

我希望能够完全回答你的问题。

我应该将“addArrangedSubview”包含在动画块中吗？

1 个答案: