1. 程式人生 > >【Flutter 實戰】動畫序列、共享動畫、路由動畫

【Flutter 實戰】動畫序列、共享動畫、路由動畫

![](https://img2020.cnblogs.com/other/467322/202008/467322-20200825071144652-1508025987.png) > 老孟導讀:此篇文章是 Flutter 動畫系列文章第四篇,本文介紹動畫序列、共享動畫、路由動畫。 ## 動畫序列 Flutter中組合動畫使用`Interval`,`Interval`繼承自`Curve`,用法如下: ```dart 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。 下面實現一個先執行顏色變化,在執行大小變化,程式碼如下: ```dart class AnimationDemo extends StatefulWidget { @override