庆祝成就，尽在Flutter Confetti！

庆祝成就，尽在Flutter Confetti！

flutter_confettiA Flutter widget that shoots confetti all over the screen.项目地址:https://gitcode.com/gh_mirrors/fl/flutter_confetti

🎉 想为你的应用添加一些庆祝元素吗？Flutter Confetti是你的理想选择！它是一个轻量级的开源插件，能帮你轻松地在屏幕上洒下五彩斑斓的纸屑，为用户的每一个小成就增添满满的仪式感。

精彩演示

观看这个视频，感受Confetti动画的魅力，并通过在线Web演示亲自体验一下吧！

快速上手

将confetti加入到你的pubspec.yaml文件的依赖项中，然后按照下面的步骤进行：

flutter create .

在示例目录中运行这段代码，即可自动生成平台特定的文件夹。初始化时创建一个ConfettiController实例并传入Duration参数，它可以在initState方法中初始化，在dispose方法中释放。

在build方法中返回一个ConfettiWidget，需要设置的属性包括ConfettiController。其他可选项如发射方向、频率、粒子数量、是否循环播放等，都能让你自由定制飞舞的纸屑效果。

技术解析

Flutter Confetti利用Dart的强大功能和Flutter的绘图API，实现了动态纸屑飞舞的效果。通过调整各种参数，你可以控制纸屑的发射方向、速度、颜色、大小，甚至创造出独一无二的粒子路径。

自定义粒子路径示例

Path drawStar(Size size) {
    // 将度数转换为弧度
    double degToRad(double deg) => deg * (pi / 180.0);

    const numberOfPoints = 5;
    final halfWidth = size.width / 2;
    final externalRadius = halfWidth;
    final internalRadius = halfWidth / 2.5;
    final degreesPerStep = degToRad(360 / numberOfPoints);
    final halfDegreesPerStep = degreesPerStep / 2;
    final path = Path();
    final fullAngle = degToRad(360);
    path.moveTo(size.width, halfWidth);

    for (double step = 0; step < fullAngle; step += degreesPerStep) {
      path.lineTo(halfWidth + externalRadius * cos(step),
          halfWidth + externalRadius * sin(step));
      path.lineTo(halfWidth + internalRadius * cos(step + halfDegreesPerStep),
          halfWidth + internalRadius * sin(step + halfDegreesPerStep));
    }
    path.close();
    return path;
}

应用场景

不论是在游戏胜利后，还是用户完成任务或者达到某个里程碑，甚至是简单的欢迎界面，Confetti都可以为你的应用增加独特的互动体验。它适合任何需要表达喜悦、庆祝或鼓励的场合。

项目特点

• 易用性 - 仅需几行代码就能实现华丽的纸屑效果。
• 高度可定制 - 多种参数调节，满足个性化需求。
• 高性能 - 虽然大量粒子可能影响性能，但经过优化，仍然能够保证流畅体验。
• 支持Web - 不仅能在移动设备上使用，还可以直接用于Web端。

现在就试试Flutter Confetti，让你的应用变得更加生动有趣！🎉

flutter_confettiA Flutter widget that shoots confetti all over the screen.项目地址:https://gitcode.com/gh_mirrors/fl/flutter_confetti