UIBezierPath - 动画填充

Question

我有一个逐步构建的 UIBezierPath（一个圆圈）：

[circlePath addArcWithCenter:clockCenter radius:radius startAngle:angleRadians endAngle:1.5*M_PI clockwise:YES];
...
[circlePath closePath];
[COLOR_CIRCLE setFill];
[circlePath fill];

有时，我想对填充进行动画处理，以便完全填充并按照路径构建（顺时针）。完成此任务的首选方法是什么？现在我在考虑核心动画，但我希望有一个填充：withDelay 或一些我没有偶然发现的东西。 TIA。

Answer 1

你可以试试这个：

创建一个 CAShapeLayer，其 path 设置为您的形状。将此 CAShapeLayer 用作另一个图层的蒙版，在该图层中绘制填充圆弧/圆。然后动画圆弧/圆弧角度从 0º 到 360º。这可能会接近您想要的效果。

我找不到一种“内置”方式来根据需要为填充设置动画。但是，有一种内置方法可以为笔画设置动画：

使用带有 CAShapeLayer 支持的 UIView。 CAShapeLayer 有一个path 属性。然后，您可以将动画应用到图层的 strokeStart 和/或 strokeEnd 属性。