动画CAShapeLayer路径更改

时间:2017-02-21 21:10:44

标签: ios swift core-animation

我正试图动画path CAShapeLayer属性的更改,如下所示:

animatePathChange(for: progressLayer, toPath: progressPath.cgPath)
progressLayer.path = progressPath.cgPath

这是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从旧值更改为新值的动画?

使用上面的代码现在看起来就像这样:

Result

1 个答案:

答案 0 :(得分:16)

不要让路径动起来。配置整个路径,然后设置strokeEnd - 让我们说0,这样用户什么也看不见。现在,每次要进行更改时,都会将更改从当前strokeEnd设置为新strokeEnd。该路径似乎会在曲线周围进一步延伸。

enter image description here