4

我没有在网上学习使用UIStackView和阅读好的教程。在教程中，作者编写了如下代码来制作动画：

@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()时，动画不起作用。这是因为如果我不强制立即更新视图，那么下一个视图更新周期会发生在动画块之后，因此动画不再有效，对吧？

4

1 回答 1

9

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

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

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 函数进行动画处理。这就是为什么它不起作用。animateWithDuration您可以通过在第一次创建它时将 alpha 设置为 0.0，然后将 alpha 设置为 1.0来使其看起来具有动画效果。

starImgVw.alpha = 0.0
horizontalStackView.addArrangedSubview(starImgVw)

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

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

于 2015-09-25T04:49:40.410 回答