《Flutter 动画系列》组合动画
老孟导读:在前面的文章中介绍了 《Flutter 动画系列》25种动画组件超全总结 http://laomengit.com/flutter/module/animated_1/ 《Flutter 动画系列》Google工程师带你选择Flutter动画控件: http://laomengit.com/flutter/module/animated_choose/ 在项目中动画效果很多时候是几种动画的组合,比如颜色、大小、位移等属性同时变化或者顺序变化,这篇文章讲解如何实现组合动画 Flutter中组合动画使用 Interval , Interval 继承自 Curve ,用法如下: Animation _sizeAnimation = Tween(begin: 100.0, end: 300.0).animate(CurvedAnimation( parent: _animationController, curve: Interval(0.5, 1.0))); 表示 _sizeAnimation 动画从0.5(一半)开始到结束,如果动画时长为6秒, _sizeAnimation 则从第3秒开始。 Interval 中 begin 和 end 参数值的范围是0.0到1.0。 下面实现一个先执行颜色变化,在执行大小变化,代码如下: class AnimationDemo