ios - UIView.animateKeyframes 中的第二个关键帧未被调用

Question

目前有 2 个 CGAffineTransform 关键帧添加到 UIView.animateKeyframes。由于某些奇怪的原因，第二个关键帧的动画似乎没有发生。它只是在动画完成后立即跳回起始位置。

UIView.animateKeyframes(withDuration: 3, delay: 0, options: [], animations: {

  UIView.addKeyframe(withRelativeStartTime: 0.0, relativeDuration: 1, animations: {
    let scaledBy = CGAffineTransform(scaleX: 1.0, y: 1.0)
    self.firstView.transform = scaledBy.translatedBy(x: 120, y: 20).rotated(by: CGFloat.pi/2)

  })

  UIView.addKeyframe(withRelativeStartTime: 1, relativeDuration: 1, animations: {
    let scaledBy = CGAffineTransform(scaleX: 1.5, y: 1.5)
    self.firstView.transform = scaledBy.translatedBy(x: 40, y: 60).rotated(by: -CGFloat.pi/2)
    self.firstView.transform = CGAffineTransform(rotationAngle: -CGFloat.pi/2)

  })

}, completion: {_ in})

Answer 1

这似乎是一个非常古老的问题。我希望我的回答会有所帮助。这里的问题是因为您没有理解 relativeStartTime 和 relativeDuration 参数的含义。这里的关键词是relative。这意味着通过 UIView.addKeyframe 函数添加的所有内部动画都应该发生在 0 和 1 之间。

因为这个调用会创建一种时间轴

UIView.animateKeyframes(withDuration: 3, delay: 0, options: [], animations: {

}, completion: {_ in})

此时间线从 0 到 1(0% 到 100%)。这意味着任何动画的相对持续时间不能超过 1，相对开始时间也不能超过 1。