flutter-motion

Flutter 动效

使用动效来说明变化、因果关系、连续性、层级或反馈。移除不传达这些信息的动效。

规划

1. 明确事件、属性变化、用户价值、触发条件、中断时的行为以及完成状态。
2. 选择能够满足需求且最简单的 Flutter 机制：隐式动画、AnimatedSwitcher、显式控制器、Hero 转场、自定义绘制器或物理模拟。
3. 定义时长范围、曲线特征、时序、与手势的关系，以及减少动态效果时的替代方案。阅读 references/motion.md。 对于跨多个领域的状态变化，请阅读 references/connected-product-workflows.md，并且只对状态发生变化的区域添加动效。
4. 检查动效在快速点击、导航中断、重建、路由释放、帧预算不足以及无障碍设置变更时的表现。

实现

• 在视觉效果等同的情况下，优先动画化变换和不透明度，而不是对布局影响较大的属性。
• 释放控制器，并避免重复创建 ticker。
• 在整个转场过程中保留语义状态。
• 避免延迟访问核心操作。
• 列表的交错动效应轻微且有上限；切勿让延迟随大型集合的规模线性增长。
• 用户请求减少动态效果时，提供即时显示或交叉淡入淡出替代方案。

验证

在正常和减少动态效果两种设置下进行测试，并覆盖中断场景以及最低相关性能等级。工具允许时，检查帧表现。报告未测量的性能，不要假定动画流畅。