【Flutter】Animation 动画 ( Flutter 动画类型 | Flutter 动画的核心类 )



Flutter Animation 动画 :

  • Flutter 动画类型
  • 为 Widget 组件添加动画
  • 为动画添加监听器
  • AnimationWidget
  • AnimationBuilder
  • Hero 动画

Flutter 动画参考文档 : https://flutterchina.club/animations/





一、Flutter 动画类型



Flutter 动画类型 :

① 补间动画 ( Tween Animation ) : 定义动画的 开始与结束的状态 , 以及动画运行的 时间曲线 , 由 Flutter 自动计算出动画的整个过程 ;

② 物理动画 : 该动画 基于物理原理 , 运行机制与真实世界类似 ; 如从高处抛出球 , 根据高度 , 抛出速度 , 重力加速度计算球的运行曲线 ;





二、Flutter 动画的核心类



1. Animation : Flutter 动画最核心的类 , 用于生成动画的中间过渡值 ;

  • 组成 : Animation 动画由值和状态组成 ;
  • 动画值 : 该值就是动画的执行过程中计算的值 , 该值可能会按照某种曲线变化 , 也可能单调变化 ;
  • 动画状态 : 状态标记当前的动画的执行顺序 ( 从到到尾 / 从尾到头 ) ;
  • 监听 : 动画的执行过程中可以添加监听器 , 监听动画的执行状态 ;
  • 参考文档 : https://api.flutter.dev/flutter/animation/Animation-class.html

2. CurvedAnimation : 继承自 Animation , 可以将动画过程计算成一个非线性的过程 ;


3. AnimationController : 继承自 Animation , 用于 管理 Animation ;


4. Tween : 动画执行过程中计算出来的过渡值 ; 如旋转动画 , 计算出来的角度值是 0 0 0 ~ 360 360 360 ;





三、相关资源



参考资料 :


重要的专题 :


博客源码下载 :

相关推荐
©️2020 CSDN 皮肤主题: 成长之路 设计师:Amelia_0503 返回首页