アニメーション API を選択する

下の図は、アニメーションの実装に使用する API を決定する際に役立ちます。

図 1. 適切なアニメーション API を選択する方法を示す決定木。

次のディシジョン ツリーを使用して、ユースケースに最適なアニメーション API を選択します。

• アニメーションはアートベース（SVG や画像など）ですか？
  • はい: シンプルな SVG（マイクロ アニメーション付きのアイコンなど）を使用していますか？
    • はい: AnimatedVectorDrawable
    • いいえ: サードパーティのアニメーション フレームワーク（Lottie など）。
  • いいえ: アニメーションを無限に繰り返す必要がありますか？
    • はい: rememberInfiniteTransition。
    • いいえ: レイアウトをアニメーション化していますか？
      • はい: コンテンツが異なるコンポーザブルを切り替えていますか？
        • はい: Navigation-Compose を使用していますか？
          • はい: composable()。enterTransition と exitTransition が設定されています。
          • 番号: AnimatedContent、Crossfade、またはPager。
        • いいえ: コンテンツの表示または非表示をアニメーション化していますか？
          • はい: AnimatedVisibility または animateFloatAsState（Modifier.alpha() を使用）。
          • いいえ: サイズ変更をアニメーション化していますか？
            • はい: Modifier.animateContentSize。
            • いいえ: 別のレイアウト プロパティ（オフセットやパディングなど）をアニメーション化していますか？
              • はい: 「プロパティは互いに完全に独立していますか？」をご覧ください。
              • いいえ: リストアイテムをアニメーション化していますか？
                • はい: animateItem()。
      • いいえ: 複数のプロパティをアニメーション化していますか？
        • はい: プロパティは互いに完全に独立していますか？
          • 「はい」の場合: animate*AsState。テキストには TextMotion.Animated を使用します。
          • いいえ: 同時に開始する必要がありますか？
            • はい: updateTransition（AnimatedVisibility、animateFloat、animateInt など）
            • いいえ: Animatable と animateTo。suspend 関数を使用して異なるタイミングで呼び出されます。
        • いいえ: アニメーションに事前定義されたターゲット値があるか。
          • 「はい」の場合: animate*AsState。テキストには TextMotion.Animated を使用します。
          • いいえ: アニメーションはジェスチャー駆動型で、信頼できる唯一の情報源ですか？
            • はい: Animatable（animateTo / snapTo）。
            • いいえ: 状態管理のないワンショット アニメーションですか？
              • はい: AnimationState または animate。
              • いいえ: 回答がここにない場合機能リクエストを提出する。

図の PDF バージョンをダウンロードします。