SuperAPI AI 工具集

flutter-animations

设计与创作

查看项目

更新于 10-16 00:03

技能介绍

用途:作为 Flutter 动效实现专项技能,在应用已有的 widget 结构、状态模型、导航、主题与性能约束下完成动画的新增、修复、重构、调试、测试或讲解。

主要能力:按需求选择最小动画模型——简单状态驱动属性变化用隐式动画(AnimatedContainer、AnimatedOpacity、AnimatedAlign、AnimatedPadding、AnimatedSwitcher、TweenAnimationBuilder);需要生命周期控制、重复/可逆运动、手势或多属性协同时用显式动画(AnimationController 配 Tween、CurvedAnimation、AnimatedBuilder/AnimatedWidget);跨路由共享元素用 Hero;多元素按时间偏移依次呈现用交错动画(Interval);涉及速度、弹簧、拖拽、fling 或类滚动行为时用物理模拟。

使用方式:先确认用户真实请求类型,并在有代码时检查本地上下文(widget 树、状态管理、导航、资源、测试、主题、无障碍辅助与既有动画抽象)。控制器由拥有动画生命周期的 State 对象持有并 dispose,避免在 build 中创建动画状态;优先使用 AnimatedBuilder、AnimatedWidget、内置转场、child 缓存与小范围重建。按任务读取 references 下的隐式、显式、Hero、交错、物理、曲线等资料;附带模板为完整演示文件,需改名、去掉 main() 与 MaterialApp 包装并适配项目后再用。

适用场景与限制:适用于 Flutter 项目中的动画实现与排障。须尊重无障碍设置,检查 MediaQuery.disableAnimations 或既有减动效策略,为非必要动画提供快速/静态路径,无法实现时需说明。不得臆造路由、资源路径、主题令牌、手势行为或状态管理 API;不得在隐式 widget 可满足时额外引入 AnimationController;不得遗留未释放的控制器、监听器、定时器或状态回调;不得在生产代码使用 timeDilation 等全局调试设置。验证方面:格式化被改动的 Dart 文件,运行 flutter analyze,必要时运行 widget/golden 或集成测试,可行时查看运行效果或截图,无法查看时说明仅做了静态验证。