[Flutter]アニメーションの３つの種類

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

Flutterのアニメーションには、３つの種類があります。

この記事では、アニメーションの種類を紹介します。

アニメーションの種類

アニメーションには、３つの種類があります。

• Implicit animations
• Animation library
• Custom Animations

Implicit Animations

１つ目は、「Implicit Animations」です。

このAnimationは、Flutterで用意してくれいるアニメーションのウェジェットを使ったものです。

Flutterは、アニメーション用のウェジェットを用意しているのです。

例えば、透過のアニメーションであればAnimatedOpacityウェジェット、パディングのアニメーションであればAnimatedPaddingウェジェットがあります。

Animation library

2つ目は、「Animation library」です。

このアニメーションは、アニメーションコントローラ（AnimationController）とAnimatedWidgetを使ったものです。

「Implicit Animation」よりも難しくはなりますが、よりカスタマイズできます。

Custom Animations

3つ目は、「Custom Animations」です。

このアニメーションは、三角法（描画に使う手法）を使って、０から作るアニメーションです。

Marcin SzałekのFlutter Europeでの話によると、アニメーションは次の３つの組み合わせによって、出来るそうです。

• AnimationController : アニメーションコントローラー
• Transform :ウェジェットの回転、拡大、比率などを変える
• Stack : ウェジェットを重ねて表示するもの

この３つをうまく組み合わせることで、複雑なアニメーションが作れるそうです。

まとめ

アニメーションには、次の３つの種類があります。

• Implicit Animation : アニメーション用のウェジェットを使う
• Animation library : アニメーションコントローラとAnimatedWidgetを使う
• Custom Animation：０から作るアニメーション

参考

Amazon | Flutter Complete Reference: Create beautiful, fast and native apps for any device | Miola, Alberto | Specific Skills

Amazon配送商品ならFlutter Complete Reference: Create beautiful, fast and native apps for any deviceが通常配送無料。更にAmazonならポイント還元本が多...

amzn.to