[Flutter]AnimationControllerのdriveメソッドとは？

Flutter

2021.10.13

どうも、ちょげ(@chogetarou)です。

AnimationControllerのdriveメソッドについて解説します。

driveメソッドとは？
使うには？
まとめ

driveメソッドとは？

「driveメソッド」は、「AnimationController」と「Tween」からアニメーションを作るためのものです。

具体的には、「AnimationController」から「driveメソッド」を使って、Tweenとやり取りし、Animationを作成します。

Tweenには、「animateメソッド」があります。

このメソッドは、Tweenから「AnimationController」を使って、アニメーションを作るメソッドです。

つまり、Tweenからアニメーションを作る場合は「animateメソッド」、AnimationControllerから作る場合は「driveメソッド」ということになるのです。

使うには？

diriveメソッドを使うには、引数に「Tween」を指定します。

Tweenの指定の仕方は、drive内でインスタンスを作る方法とあらかじめ用意した変数を使う方法の２つがあります。

   _controller =
        AnimationController(duration: Duration(seconds: 1), vsync: this);

//方法１
    _colorAnimation = _controller.drive(
      ColorTween(
        begin: Colors.blue,
        end: Colors.red,
      ),
    );

//方法２
    _colorTween = ColorTween(
      begin: Colors.red,
      end: Colors.blue,
    );

    _colorAnimation = _controller.drive(_colorTween);

どちらの方法でも、driveの引数には、「Tween」を指定します。