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

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

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

以下のディシジョン ツリーの質問に沿って、ユースケースに最適なアニメーション API を選択してください。

• アニメーションはアートに似ており、多くの視覚要素で構成されていますか？SVG や画像 <ph type="x-smartling-placeholder">
  </ph>
  • はい: シンプルな SVG が含まれていますか？マイクロアニメーション付きのアイコン <ph type="x-smartling-placeholder">
    </ph>
    • ○: AnimatedVectorDrawable
    • いいえ: サードパーティのアニメーション フレームワーク（Lottie など）
  • いいえ: 繰り返し行う必要はありますか？
    • はい: rememberInfiniteTransition
    • いいえ: これはレイアウト アニメーションですか？
      • はい: コンテンツが異なる複数の Compose を切り替える。
        • はい: ナビゲーション作成ではどうしますか？
          • ○: enterTransition と exitTransition が設定された composable()
          • いいえ: AnimatedContent、Crossfade、または Pager
        • いいえ: 表示 / 非表示をアニメーション化しますか？
          • ○: Modifier.alpha() で AnimatedVisibility または animateFloatAsState
          • いいえ: サイズをアニメーション化しますか？
            • ○: Modifier.animateContentSize
            • いいえ: 他のレイアウト プロパティ（オフセット、パディングなど）
              • はい: 「プロパティは互いに完全に独立していますか？」をご覧ください。
              • いいえ: リストアイテムのアニメーション
                • ○: animateItemPlacement()（並べ替えと削除は近日提供予定）
      • いいえ: 複数のプロパティをアニメーション化する必要がありますか？
        • はい: プロパティは互いに完全に独立していますか？
          • はい: animate*AsState、テキストの場合は TextMotion.Animated を使用します。
          • いいえ: 同時に開始しますか？
            • ○: ○: updateTransition（AnimatedVisibility、animateFloat、animateInt など）
            • いいえ: animateTo が異なるタイミングで呼び出される Animatable（suspend 関数を使用）
        • いいえ: アニメーションに事前定義されたターゲット値のセットはありますか？
          • はい: animate*AsState、テキストの場合は TextMotion.Animated を使用
          • いいえ: ジェスチャー ドリブン アニメーションアニメーションが唯一の信頼できる情報源であるか？
            • はい: Animatable と animateTo / snapTo
            • いいえ: 状態管理なしのワンショット アニメーションですか？
              • ○: AnimationState または animate
              • いいえ: 回答が見つからない場合機能リクエストの提出

図の PDF 版をダウンロードします。