无法使用 Swift 为 UILabel 设置动画

Question

我正在尝试为视图上的标签设置动画。我想显示标签 1，然后显示标签 2，然后删除标签 2。但是 label2 总是被删除。如果我删除最后一个关键帧块（“删除”label2），它会正确显示）。

代码如下：

override func viewDidAppear(animated: Bool) {
    super.viewDidAppear(animated)

    let pos1 = self.label1.frame
    let pos2 = self.label2.frame

    self.label1.frame = CGRect(x: self.view.center.x, y: -10, width: 0, height: 0)
    self.label2.frame = CGRect(x: pos2.origin.x, y: self.view.frame.height+10, width: 0, height: 0)

    UIView.animateKeyframesWithDuration(1.5, delay: 0.0, options: nil, animations: {
        UIView.addKeyframeWithRelativeStartTime(0.0, relativeDuration: 0.4, animations: {
            self.label1.frame = pos1
        })

        UIView.addKeyframeWithRelativeStartTime(0.4, relativeDuration: 0.4, animations: {
            self.label2.frame = pos2
        })

        UIView.addKeyframeWithRelativeStartTime(1.0, relativeDuration: 0.5, animations: {
            self.label1.frame = CGRect(x: pos2.origin.x, y: self.view.frame.height + 10, width: 0, height: 0)
        })

    }, completion: nil)
}

Answer 1

从reference 开始，addKeyframeWithRelativeStartTime... 中的时间参数是 0..1 范围内的值，它们相对于动画的整个持续时间进行解释，而不是以秒为单位的值。所以指定一个开始时间为 1.0 的关键帧表示在整个动画的 END 开始动画。将开始时间更改为 0.0 / 1.5、0.5 / 1.5、1.0 / 1.5，将持续时间更改为 0.4 / 1.5 和 0.5 / 1.5。

override func viewDidAppear(_ animated: Bool) {
    super.viewDidAppear(animated)

    let pos1 = self.label1.frame
    let pos2 = self.label2.frame

    self.label1.frame = CGRect(x: self.view.center.x, y: -10, width: 0, height: 0)
    self.label2.frame = CGRect(x: pos2.origin.x, y: self.view.frame.height + 10, width: 0, height: 0)

    UIView.animateKeyframes(withDuration: 1.5, delay: 0.0, options: [], animations: {
        UIView.addKeyframe(withRelativeStartTime: 0.0 / 1.5, relativeDuration: 0.4 / 1.5, animations: {
            self.label1.frame = pos1
        })

        UIView.addKeyframe(withRelativeStartTime: 0.4 / 1.5, relativeDuration: 0.4 / 1.5, animations: {
            self.label2.frame = pos2
        })

        UIView.addKeyframe(withRelativeStartTime: 1.0 / 1.5, relativeDuration: 0.5 / 1.5, animations: {
            self.label1.frame = CGRect(x: pos2.origin.x, y: self.view.frame.height + 10, width: pos1.size.width, height: pos1.size.height)
        })

    }, completion: nil)
}

似乎也存在动画视图大小的问题。仅使用最终大小（请注意，在这种情况下，您应该看到标签从 0x0 开始并增长到最终大小，但它们没有）因此将最终帧中的大小设置为 0x0 使 label1 通过整个动画。更改代码以保持大小，它似乎工作正常。如果您真的想将大小设置为零动画，您可能需要通过缩放为变换属性设置动画。