SuperAPI AI 工具集

custom-plugin-flutter-skill-animations

设计与创作

查看项目

更新于 10-16 03:43

技能介绍

用途:该技能面向 Flutter 生产级动画开发,帮助开发者按需求选择合适的动画方案并实现流畅的 60fps 效果。

主要能力:1) 隐式动画,如 AnimatedContainer、AnimatedOpacity、AnimatedPositioned、AnimatedSwitcher(需为子组件设置 ValueKey)与 TweenAnimationBuilder;2) 显式动画,使用 AnimationController、Tween、CurvedAnimation 与 Interval 组合,配合 FadeTransition、SlideTransition、ScaleTransition、RotationTransition、SizeTransition、AnimatedBuilder 构建自定义效果;3) Hero 共享元素转场,可通过 flightShuttleBuilder 定制飞行过程;4) 交错动画,用 Interval 为列表项安排错峰时间;5) 物理动画,基于 SpringDescription 与 SpringSimulation 调用 animateWith;6) 集成 Lottie 的 Lottie.asset 与 Rive 的 RiveAnimation.asset 及状态机;7) 自定义页面转场 PageRouteBuilder;8) 性能优化与排错,如 RepaintBoundary、AnimatedBuilder 的 child 复用、避免触发布局的动画、在 dispose 中释放 AnimationController。

使用方式:资料给出可直接参考的 Dart 代码模式,示例包括 GestureDetector 配合 onTapDown/onTapUp/onTapCancel 驱动控制器,以及 TickerProviderStateMixin、SingleTickerProviderStateMixin 的 vsync 用法;Lottie 需 import 'package:lottie/lottie.dart',Rive 需 import 'package:rive/rive.dart'。

适用场景:简单属性变化、组件交叉淡入淡出、自定义时序、共享元素、列表入场、自然运动与复杂矢量动画。

限制:资料未提供该技能的安装方式、命令、版本要求、收费信息或与宿主平台的集成细节;上述内容均暂未提供。