SuperAPI AI 工具集

common-mobile-animation

设计与创作

查看项目

更新于 10-15 22:13

技能介绍

用途:为移动应用实现动效设计原则,覆盖时间曲线、转场、手势与性能敏感动画。优先级为 P1(HIGH)。

主要能力与规范: 时长标准:短 100-150ms(开关、单元格按压);中 250-350ms(导航、模态);长 400-600ms(共享元素、复杂状态)。硬性限制:任何动画不得超过 600ms。

工作流:

  1. 按交互类型从时长表选择时长。
  2. 导航/模态用 250-350ms,共享元素或复杂状态转场用 400-600ms,并在快速开始示例中说明所选范围。
  3. 快速开始示例必须演示长 400-600ms 的共享元素或复杂状态模式,不得用中档替代。
  4. 按平台选择缓动曲线:Curves.fastOutSlowIn(Material)或 easeInOut(iOS),禁止使用 linear。
  5. 只动画 GPU 友好属性(transform、opacity),避免触发布局的 width/height。
  6. 用 onPan / interactivePopGesture 接入手势,实现流畅可中断体验。
  7. 在性能分析器中验证帧率,目标 60fps 且无卡顿帧。

反模式:不用线性缓动;避免布局抖动(不动画 width、padding);避免内存泄漏(Flutter 中 dispose() AnimationControllers,iOS 中 invalidate 定时器);不阻塞 UI(重计算放在动画帧之外)。

相关主题:common-mobile-ux-core、flutter-performance、common-performance-engineering。

限制:资料未提供具体平台版本、依赖安装命令或完整代码示例,仅给出 Flutter 与 iOS 动画模式的实现示例指引。