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

Question

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

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%）。这意味着任何动画的 relative 持续时间不能超过 1，并且 relative 开始时间也不能超过 1.

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

Second keyframe in UIView.animateKeyframes not getting called

uiview

uiviewanimation

ios

swift