在没有 Timer 的情况下播放核心动画时如何自动更新 UISlider 的值

Question

我使用 40 张图片创建了核心动画（每张图片在 CALayer 中停留的时间正好是 3 秒）。
总持续时间 = 120 秒。每张照片在CABasicAnimation(keypath : "position.x") 的帮助下从左向右移动。现在我有一个 UISlider。我想在 CALayer 中播放核心动画时自动更新滑块的值。我使用 Timer 像这样更新滑块的值
time = Timer.scheduledTimer(timeInterval: 1, target: self, selector: #selector(self.updateSlideValue), userInfo: nil, repeats: true)

动画代码：

let blackLayer = CALayer()
 blackLayer.frame = CGRect(x: -viewSize.width, y: 0, width: viewSize.width, height: viewSize.height)
 let imageLayer = CALayer()
imageLayer.frame = CGRect(x: 0, y: 0, width: viewSize.width, height: viewSize.height)
imageLayer.contents = nextPhoto?.cgImage
blackLayer.addSublayer(imageLayer)

let animation = CABasicAnimation()
animation.keyPath = "position.x"
animation.fromValue = -viewSize.width
animation.toValue =  (viewSize.width)/2
animation.duration = self.perImageLife
animation.speed = 1 // 1 is default actually
animation.beginTime = CACurrentMediaTime() + animationTimes[index-1] // animationTimes is an array like [0,3,6,9,.....]

animation.fillMode = CAMediaTimingFillMode.forwards
animation.isRemovedOnCompletion = false
animation.delegate = self
blackLayer.add(animation, forKey: "basic")          
parentLayer.addSublayer(blackLayer)

但使用 Timer 更新并不是一个更好的主意。核心动画在没有 Timer 的情况下运行时如何自动更新滑块的值？

这是我项目的一小段录制视频。 https://drive.google.com/file/d/1SjaWJM_FEWp1TyR7fpQt8_IZdme_I2Vc/view?usp=sharing

Answer 1

我不认为您可以观察您正在制作动画的属性并使用这些变化的值来更新滑块位置。您必须使用计时器在每次帧更改时更新滑块值。

您是否打算让用户能够拖动滑块上的“拇指”来来回滑动动画？这是问题的另一层复杂性。

如果这是您的意图，我建议您使用 UIViewPropertyAnimator 而不是使用 CAAnimation。暂停/恢复/清理 CAAnimation 很棘手，并且没有很好的文档记录。我过去已经解决了，所以如果你决定走这条路，我可以挖掘一些旧的示例代码（可能是用 Objective-C 编写的）并尝试引导你完成它。

这个project on Github（来自 7 年前！）实现了基于 UIView 和 CAAnimation 的动画，其中包括显示进度并且可以来回滑动的滑块。

然而，它早于UIViewPropertyAnimator。我还写了很多simpler demo of UIViewPropertyAnimator 刚出来的时候。然而，它可能是为旧版本的 Swift 编写的。