前言
继续 Transition
系列动画组件的介绍,本篇来介绍 SizeTransition
。SizeTransition
用于更改子组件的尺寸来实现动画。支持垂直方向或水平方向修改动画,同时尺寸更改的起始位置可以从顶部、中部、底部(垂直方向)或左侧、中间、右侧(水平方向)开始。通过这写特性,我们可以构建组件飞入的效果。
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
对象。实际上在动画过程中就是组件尺寸的宽度(