动画CAShapeLayer通路改变

Question

我试图动画这样的CAShapeLayerpath性质的变化：

​​

这是animatePathChange功能代码：

func animatePathChange(for layer: CAShapeLayer, toPath: CGPath) { 
    let animation = CABasicAnimation(keyPath: "path") 
    animation.duration = 1.0 
    animation.fromValue = layer.path 
    animation.toValue = toPath 
    animation.timingFunction = CAMediaTimingFunction(name: "easeInEaseOut") 
    layer.add(animation, forKey: "path") 
} 

但最终的结果是不是有什么我想要。我如何实现将图层的path从旧值更改为新的动画？

这是它的外观，现在上面的代码：

Answer 1

不要动画路径。配置整个路径，然后设置strokeEnd - 假设它是0，所以用户什么都看不到。现在，每次您要进行更改时，都会将当前的strokeEnd更改为新的strokeEnd。该路径似乎将进一步延伸到曲线。