Flutter 实现超人飞来,满屏的力量感动画

前言

继续 Transition 系列动画组件的介绍,本篇来介绍 SizeTransitionSizeTransition 用于更改子组件的尺寸来实现动画。支持垂直方向或水平方向修改动画,同时尺寸更改的起始位置可以从顶部、中部、底部(垂直方向)或左侧、中间、右侧(水平方向)开始。通过这写特性,我们可以构建组件飞入的效果。
超人飞入.gif

SizeTransition 介绍

SizeTransition 的构造方法定义如下。

const SizeTransition({
  Key? key,
  this.axis = Axis.vertical,
  required Animation<double> sizeFactor,
  this.axisAlignment = 0.0,
  this.child,
}) 

参数对应的说明如下:

  • axis:枚举,vertical 标识纵向更改组件尺寸,即更改组件高度;horizontal 表示横向更改组件尺寸,即更改组件宽度。
  • sizeFactor:即控制组件尺寸变化的 Animation 对象。实际上在动画过程中就是组件尺寸的宽度(

猜你喜欢

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