沿着椭圆形UIBezierPath动画CAShapeLayer

Question

bounty到期在6天内。该问题的答案有资格获得+ 50声望赏金。balkaran singh正在寻找来自信誉良好的来源的答案：

椭圆形动画卡在起点上，我希望该动画不能平稳地停止工作

我正在尝试沿CAShapeLayer设置UIBezierPath的动画。这在圆形路径情况下可以正常工作，但在使用椭圆形路径时却不能。动画确实发生了，但是每次播放一轮都会暂停一小段时间，而无需设置延迟。

更改大小和时间似乎在此问题上没有改善，但是使暂停时间更长或更短。例如，在下面的动画中将持续时间设置为1，暂停会变得非常短（与沿路径的旋转速度加快一致）。

这是路径：

let ovalPath = UIBezierPath(ovalIn: CGRect(x: -25, y: -50, width: 50, height: 100))
ovalPath.apply(CGAffineTransform(rotationAngle: 45 * .pi / 180))
ovalPath.apply(CGAffineTransform(translationX: frame.size.width / 2, y: frame.size.height / 2))

带有ShapeLayer：

let ovalLayer = CAShapeLayer()
ovalLayer.strokeColor = UIColor.lightGray.cgColor
ovalLayer.fillColor = UIColor.clear.cgColor
ovalLayer.path = ovalPath.cgPath
view.layer.addSublayer(ovalLayer)

显示椭圆路径，倾斜45度。这是我设置动画的方式：

let animation = CAKeyframeAnimation(keyPath: #keyPath(CALayer.position))
animation.duration = 5
animation.repeatCount = MAXFLOAT
animation.path = ovalPath.cgPath

最后是路径之后的形状：

let objectPath = UIBezierPath(arcCenter: CGPoint(x: 0 ,y: 0), radius: 50, startAngle: CGFloat(0), endAngle:CGFloat(Double.pi * 2), clockwise: true)
let objectLayer = CAShapeLayer()
objectLayer.path = objectPath.cgPath
objectLayer.strokeColor = UIColor.darkGray.cgColor
objectLayer.fillColor = UIColor.darkGray.cgColor
view.layer.addSublayer(objectLayer)
objectLayer.add(animation, forKey: nil)

我希望它无限循环而不会暂停（在循环路径中完全一样）。我是否缺少明显的东西？

编辑：尝试使用timingFunction如下：

animation.timingFunction = CAMediaTimingFunction(name: <CAMediaTimingFunctionName>)

例如：

animation.timingFunction = CAMediaTimingFunction(name: .default)

编辑2：

这是目前的样子。动画从右下角开始。两个椭圆的代码完全相同，除了动画持续时间（1 vs 5秒）]

Answer 1

这里是一个解决方案。经过Xcode 11.4 / iOS 13.4的测试]

let animation = CAKeyframeAnimation(keyPath: #keyPath(CALayer.position))
animation.duration = 5
animation.repeatCount = .greatestFiniteMagnitude // just recommended by Apple
animation.path = ovalPath.cgPath
animation.calculationMode = .paced    // << required !!