【flutter 动画汇总】

Flutter动画一般由这几个部分组成
Animation
AnimationController
CurvedAnimation
Tween1)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 也有很多封装子类如：IntTween、ColorTween、AlignmentGeometryTween、DecorationTween、
TextStyleTween、RelativeRectTween、RectTween 等。5)当然如果很多动画效果都要我们重复编写这些的话可能很麻烦，所以 Flutter 也封装好了一些常用的动画效果组件，
这些效果都是继承自 AnimatedWidget，而 AnimatedWidget 也是继承自StatefulWidget，是一个有状态组件。
例如：AnimatedBuilder、AnimatedModalBarrier、DecoratedBoxTransition、FadeTransition、PositionedTransition、
RelativePositionedTransition、RotationTransition、ScaleTransition、SizeTransition、SlideTransition 等，
这些组件都是继承自 AnimatedWidget 来进行封装的。

【flutter 动画汇总】相关推荐

【新番前线】2009年公开剧场版动画汇总
2009年公开剧场版动画汇总在新的一年来临之前旧的一年将近尾声之时,除了十大top系列吸引人们的目光之外.09年的动画剧场版汇总一定也是备受关注,虽然这里整理的09年公开剧场版的其中一部分,不过都是 ...
【Flutter】Animation 动画 ( Flutter 动画基本流程 | 创建动画控制器 | 创建动画 | 设置值监听器 | 设置状态监听器 | 布局中使用动画值 | 动画运行 )
文章目录一.创建动画控制器二.创建动画三.设置值监听器四.设置状态监听器五.布局中使用动画值六.动画运行七.完整代码示例八.相关资源 Flutter 动画基本流程 : ① 创建动画控制 ...
【Flutter】Animation 动画 ( Flutter 动画的核心类 | Animation | CurvedAnimation | AnimationController | Tween )
文章目录一.动画的核心类 Animation 二.动画的核心类 CurvedAnimation 三.动画的核心类 AnimationController 四.动画的核心类 Tween 五.相关资源 ...
【Flutter】Animation 动画 ( Flutter 动画类型 | Flutter 动画的核心类 )
文章目录一.Flutter 动画类型二.Flutter 动画的核心类三.相关资源 Flutter Animation 动画 : Flutter 动画类型为 Widget 组件添加动画为动画添 ...
Flutter 动画篇
文章目录 1 概述 2 Animation 3 AnimationController 4 Curve 5 Tween 6 示例 6.1 示例1-ColorTween使用 6.2 示例2-自定义Ani ...
转：Flutter动画一
1. 动画介绍动画对于App来说,非常的重要.很多App,正是因为有了动画,所以才会觉得炫酷.移动端的动画库有非常的多,例如iOS上的Pop.web端的animate.css.Android端的An ...
学习笔记-Flutter 动画详解（一）
Flutter 动画详解(一) 本文主要介绍了动画的原理相关概念,对其他平台的动画做了一个简要的梳理,并简要的介绍了Flutter动画的一些知识. 1. 动画介绍动画对于App来说,非常的重要.很多 ...
flutter 动画展开菜单_Flutter 动画详解（一）
本文主要介绍了动画的原理相关概念,对其他平台的动画做了一个简要的梳理,并简要的介绍了Flutter动画的一些知识. 1. 动画介绍动画对于App来说,非常的重要.很多App,正是因为有了动画,所以才 ...
史上最详细Flutter 动画讲解
1. 动画介绍动画对于App来说,非常的重要.很多App,正是因为有了动画,所以才会觉得炫酷.移动端的动画库有非常的多,例如iOS上的Pop.web端的animate.css.Android端的An ...

【flutter 动画汇总】

【flutter 动画汇总】相关推荐

最新文章

热门文章