SuperAPI AI 工具集

vgv-animations

设计与创作

查看项目

更新于 10-16 05:42

技能介绍

用途:为 Flutter 项目提供内置动画框架的动画开发规范,覆盖创建、修改与审查动画、过渡和动效,遵循 Material 3 动效指南,不使用 Lottie、Rive 等第三方动画库。

主要能力:给出动画选型决策树——组件随值重建且框架已有 AnimatedFoo 组件时用隐式动画;无内置组件时用 TweenAnimationBuilder;需要播放、暂停、反向、重复或监听状态时用 AnimationController + AnimatedBuilder;跨路由共享元素用 Hero;自定义页面过渡用 GoRouter 的 CustomTransitionPage。同时涵盖 Interval 链式与交错动画、循环动画、时长与缓动令牌、集中式 AppMotion 常量、控制器释放与 mixin 选择、以及性能与反模式。

使用方式:按需求选择最简方案,使用 Durations 与 Easing 等 M3 令牌而非硬编码 Duration 或 Curves;把时长、曲线、偏移提取为命名常量或 AppMotion 类;每个 AnimationController 在 dispose() 中释放,单控制器用 SingleTickerProviderStateMixin;在 AnimatedBuilder 与 TweenAnimationBuilder 中通过 child 参数传入不依赖动画值的静态子树;用 RepaintBoundary 隔离重绘。

适用场景与限制:适用于使用 Flutter 内置动画框架的项目;不覆盖第三方动画库。动画属性优先用 Transform 与 Opacity,避免在复杂布局中高频动画 width、height、padding。资料未提供安装命令、许可证、定价与版本信息,暂未提供。