前言
这是最后一篇介绍如何使用基本动画组件的文章,我们继续 Transition
的动画,本篇来介绍 ScaleTransition
。我们在之前的文章介绍过使用 Animation
和 AnimationController
来实现组件的缩放,那是通过更改图片的尺寸实现的,具体可以参考:Flutter 实现爱心三连动画。
而对于只需要放大或缩小的场合,可以直接使用 ScaleTransition
来完成,例如我们本篇实现了一个气球从小到大,感觉像被用力吹起来一样的动画效果。
ScaleTransition 介绍
ScaleTransition
的使用非常简单,只有三个参数,构造方法定义如下。
const ScaleTransition({
Key? key,
required Animation<double> scale,
this.alignment = Alignment.center,
this.child,
})
参数对应的说明如下:
scale
:即组件的缩放尺寸,为 An