Flutter 如何在上一个圆弧动画完成后渲染圆弧路径

Flutter 如何在上一个圆弧动画完成后渲染圆弧路径,flutter,flutter-animation,flutter-canvas,flutter-path,Flutter,Flutter Animation,Flutter Canvas,Flutter Path,当我试图在同一路径中渲染两条弧时,两条弧都会同时渲染,但我需要在第一条弧的动画完成后渲染第二条弧 我只想渲染第二个圆弧,因为它应该从第一个圆弧的末端开始,并完成动画的其余部分(连续动画) 预期结果 实际结果 可以这样做,其中第一个角度是起始角度,第二个角度是结束角度。你可以随心所欲地调整其他东西,但为了获得旋转的效果,你需要不断地改变末端角度 我想你不想让小费是圆的你可以把笔头放在屁股上 此弧度函数的库是vector_math _path.addArc(Rect.fromLTWH(0, 0,

当我试图在同一路径中渲染两条弧时,两条弧都会同时渲染,但我需要在第一条弧的动画完成后渲染第二条弧

我只想渲染第二个圆弧,因为它应该从第一个圆弧的末端开始,并完成动画的其余部分(连续动画)

预期结果 实际结果
可以这样做,其中第一个角度是起始角度,第二个角度是结束角度。你可以随心所欲地调整其他东西,但为了获得旋转的效果,你需要不断地改变末端角度

我想你不想让小费是圆的你可以把笔头放在屁股上

此弧度函数的库是vector_math

 _path.addArc(Rect.fromLTWH(0, 0, size.width, size.height), vm.radians(-90),
        vm.radians(90));

    canvas.drawPath(
        _path,
        Paint()
          ..strokeCap = StrokeCap.round
          ..strokeWidth = 40
          ..style = PaintingStyle.stroke);
为了让第二个动画在另一个之后开始,您可以再次使用与我在上面代码中所写的相同的概念,并结合交错动画

 final Animation<double> firstAnimation=
        Tween<double>(begin: 0, end: 1).animate(CurvedAnimation(
      parent: animationController,
      curve: Interval(0, 0.5, curve: Curves.easeIn),
    ));

final Animation<double> secondAnimation=
        Tween<double>(begin: 0, end: 1).animate(CurvedAnimation(
      parent: animationController,
      curve: Interval(0.5, 1, curve: Curves.easeIn),
    ));
final Animation firstAnimation=
吐温(开始:0,结束:1)。设置动画(曲线动画)(
父对象:animationController,
曲线:间隔(0,0.5,曲线:曲线.easeIn),
));
最终动画第二动画=
吐温(开始:0,结束:1)。设置动画(曲线动画)(
父对象:animationController,
曲线:间隔(0.5,1,曲线:曲线.easeIn),
));

Hi@lgniti0n感谢您的回复,但我想将其呈现为一个连续的路径,就像预期的图像一样。你能帮我一下吗?我编辑了答案,第一次看到你贴的GIF时,我没有给你带来好的效果,我想这会帮助你,发送反馈。