Flutter 实现吹气球动画

前言

这是最后一篇介绍如何使用基本动画组件的文章,我们继续 Transition 的动画,本篇来介绍 ScaleTransition。我们在之前的文章介绍过使用 AnimationAnimationController 来实现组件的缩放,那是通过更改图片的尺寸实现的,具体可以参考:Flutter 实现爱心三连动画

而对于只需要放大或缩小的场合,可以直接使用 ScaleTransition 来完成,例如我们本篇实现了一个气球从小到大,感觉像被用力吹起来一样的动画效果。

吹气球动画

ScaleTransition 介绍

ScaleTransition 的使用非常简单,只有三个参数,构造方法定义如下。

const ScaleTransition({
  Key? key,
  required Animation<double> scale,
  this.alignment = Alignment.center,
  this.child,
})

参数对应的说明如下:

  • scale:即组件的缩放尺寸,为 An

猜你喜欢

转载自blog.csdn.net/shuijian00/article/details/124458287