用途:为移动应用实现动效设计原则,覆盖时间曲线、转场、手势与性能敏感动画。优先级为 P1(HIGH)。
主要能力与规范: 时长标准:短 100-150ms(开关、单元格按压);中 250-350ms(导航、模态);长 400-600ms(共享元素、复杂状态)。硬性限制:任何动画不得超过 600ms。
工作流:
- 按交互类型从时长表选择时长。
- 导航/模态用 250-350ms,共享元素或复杂状态转场用 400-600ms,并在快速开始示例中说明所选范围。
- 快速开始示例必须演示长 400-600ms 的共享元素或复杂状态模式,不得用中档替代。
- 按平台选择缓动曲线:Curves.fastOutSlowIn(Material)或 easeInOut(iOS),禁止使用 linear。
- 只动画 GPU 友好属性(transform、opacity),避免触发布局的 width/height。
- 用 onPan / interactivePopGesture 接入手势,实现流畅可中断体验。
- 在性能分析器中验证帧率,目标 60fps 且无卡顿帧。
反模式:不用线性缓动;避免布局抖动(不动画 width、padding);避免内存泄漏(Flutter 中 dispose() AnimationControllers,iOS 中 invalidate 定时器);不阻塞 UI(重计算放在动画帧之外)。
相关主题:common-mobile-ux-core、flutter-performance、common-performance-engineering。
限制:资料未提供具体平台版本、依赖安装命令或完整代码示例,仅给出 Flutter 与 iOS 动画模式的实现示例指引。