有没有办法在颤动中制作自定义五彩纸屑动画？答案

【问题标题】：Is there a way to make custom confetti animation in flutter?有没有办法在颤动中制作自定义五彩纸屑动画？
【发布时间】：2021-07-20 10:31:45
【问题描述】：

首先我想告诉你该怎么做，有什么问题？我想在我的 Flutter 应用程序中制作五彩纸屑动画，我知道该怎么做，但我想自定义[在此处输入图像描述][1]

我想要这个五彩纸屑动画 [1]：https://i.stack.imgur.com/ejED9.jpg（你可以在这里看到它上面有星星）

但我想要这个动画[2]：https://i.stack.imgur.com/C1U1P.png

我知道我需要制作自定义路径。但我不知道该怎么做。请帮忙！

谢谢！

【问题讨论】：

标签： flutter animation mobile-application

【解决方案1】：

这个包confetti 可能有帮助吗？在他们的示例中，他们有一种方法来绘制自定义五彩纸屑（类似于图像的星星）

 @override
  Widget build(BuildContext context) {
    return Scaffold(
      backgroundColor: Colors.greenAccent[200],
      body: SafeArea(
        child: Center(
          child: Column(
            mainAxisAlignment: MainAxisAlignment.center,
            children: [
              ConfettiWidget(
                confettiController: _confettiController,
                createParticlePath: drawCustomConfetti,
                child: ElevatedButton(
                    onPressed: _confettiController.play,
                    child: Text("show confetti")),
              ),
              ElevatedButton(
                  onPressed: _confettiController.stop,
                  child: Text("stop showing confetti"))
            ],
          ),
        ),
      ),
    );
  }

  //here you can draw the custom confetti
  Path drawCustomConfetti(Size? size) {
    final path = Path();
    path.moveTo(10, 0);
    path.lineTo(0, 10);
    path.lineTo(-10, 0);
    path.lineTo(0, -10);
    path.lineTo(10, 0);
    path.close();
    return path;
  }

这里是如何使用confetti包的代码，您可以使用该功能通过dart的Path修改形状。

this is an article on how to use path in dart

您还可以查看confetti 包以获取有关如何更改速度、爆炸方向等的更多详细信息

【讨论】：

是的，我知道，但我想知道，我怎样才能使有点方形的动画不是明星
他们的默认动画是方形五彩纸屑
对不起，我不是故意的，我是说这个i.stack.imgur.com/C1U1P.png