【flutter 动画汇总】

最新推荐文章于 2024-06-17 09:33:35 发布

bbjjhh666

最新推荐文章于 2024-06-17 09:33:35 发布

阅读量421

点赞数

文章标签： flutter

本文链接：https://blog.csdn.net/u011646541/article/details/125018572

版权

这篇博客深入介绍了Flutter动画的四个核心组成部分：Animation、AnimationController、CurvedAnimation和Tween。AnimationController负责生成动画值，CurvedAnimation用于实现非线性动画曲线，而Tween则帮助在特定范围内转换动画数据。此外，文章还提到了Flutter提供的一些预定义动画组件，如FadeTransition和SlideTransition，这些都基于AnimatedWidget进行封装，简化了动画的创建过程。

摘要由CSDN通过智能技术生成

Flutter动画一般由这几个部分组成
Animation
AnimationController
CurvedAnimation
Tween

1)Animation 是一个范型（T），是一个抽象类，可以写成，Animation<int>,Animation<double>
Animation<Offset>,Animation<Color>,Animation<Size>,等等，它用于指导动画，Animation 提供
了这个动画的value变化值，操作方法，状态，监听等操作。

2）AnimationController 顾名思义，是动画生成的控制类，是一个特殊的Animation对象，继承自Animation<double>
在屏幕每刷新一帧，就会生成一个新的值，数字的产生与屏幕刷新有关，每秒中同城会产生60个数字，默认值范围是从0.1到1.0;
由于 AnimationController 继承自 Animation<double>，所以它也具有前面讲的 Animation 的方法作用。

3)CurvedAnimation 也是继承自 Animation<double>，主要作用就是将 AnimationController 产生的数值进行不同的曲线变化，
也就是将这个动画的运动过程转为一个非线性曲线过程。例如，我们这个数值产生不是线性增加的，而是先快后慢或者慢慢加速再减速，
这样就可以产生类似于插值器效果，例如加速再减速动画效果、反弹效果、波浪形运动效果等等。

4)我们知道，默认情况下 AnimationController 产生的数值的范围从 0.0 到 1.0。那么当我们想产生其他范围的数值或类型数据时候怎么办呢？
那么 Tween 就是解决这个问题的。
Tween 也有