使用 Swift 4 和 UIView 的奇怪动画行为

Question

我真的无法弄清楚我的代码有什么问题。让我详细解释一下我的目标是什么：

• 我在同一个UIViewController 中有两个UIView。它们被称为“redSquare”和“greenSquare”。
• 当UIViewController 出现时，我想为redSquare 设置动画，以便在Y 轴上移动，直到它到达greenSquare 的上边框。

这就是我设置 xCode 项目的方式：

我得到的行为完全相反，我真的无法理解为什么以及发生了什么：

对此有任何提示或解释吗？

Answer 1

好的。部分问题是您正在对齐中心 Y... 这意味着您正在尝试打破动画的约束。

问题的另一部分是您在viewDidLoad 中制作动画，它完全在viewWillAppear 和viewDidAppear 被调用之前运行。

对于我自己的动画，我通常制作一个约束。

也就是说，去掉红框的中心 Y 约束并添加一个新的约束，使红框距离父视图底部有 Y 距离。将此新约束连接到插座，然后您可以像这样制作动画：

@IBOutlet weak var redYConstraint : NSLayoutConstraint!

override func viewDidLoad() {
    super.viewDidLoad()
    // This line sets the red box to be in the center Y of the green box
    self.redYConstraint.constant = self.greenSquare.frame.midY
}

override func viewDidAppear(_ animated: Bool) {
    super.viewDidAppear(animated)
    UIView.animate(withDuration: 3.0, delay: 2.0, options: UIViewAnimationOptions.curveEaseIn, animations: {
        self.redYConstraint.constant = self.greenSquare.frame.maxY
        self.view.layoutIfNeeded()

    }, completion: nil)
}