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

Posted 2023-03-13

【中文标题】UIView.animateKeyframes 中的第二个关键帧没有被调用

【英文标题】：Second keyframe in UIView.animateKeyframes not getting called

【发布时间】：2017-06-26 16:57:16

【问题描述】：

目前有 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)

【问题讨论】：

你是否设置了一个断点来验证第二个动画实际上没有发生？

【参考方案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。

【讨论】：

不知道相对的意思。感谢您清除它！