アニメーションのプレビュー
コレクションでコンテンツを整理
必要に応じて、コンテンツの保存と分類を行います。
Android Studio では、アニメーション プレビューからアニメーションを検査できます。コンポーザブルのプレビューにアニメーションを記述している場合は、特定の時点における個々の正確なアニメーション値の検査や、アニメーションの一時停止、ループ再生、早送り、スロー再生が可能なので、遷移中のアニメーションのデバッグが容易になります。

アニメーション プレビューを使用して、アニメーション曲線をグラフで可視化することもできます。これは、アニメーション値が適切に表現されていることを確認するのに役立ちます。

アニメーション プレビューは検査可能なアニメーションを自動的に検出し、アニメーション プレビューの開始アイコン
で示します。
![[Design] ウィンドウの「アニメーション プレビューの開始」アイコン](https://developer.android.com/static/develop/ui/compose/images/start-animation-inspection-highlight.png?authuser=00&hl=ja)
複数のアニメーションがある場合は、アニメーション プレビューを使用して、それらをすべて一度に検査し、調整できます。特定のアニメーションを固定することもできます。

ピッカーを使用して、列挙型以外の状態またはブール値の状態を設定し、正確な入力を使用して Compose アニメーションをデバッグします。サポートされているすべての Compose Animation API で、再生、一時停止、スクラブ、速度の制御、調整を行うことができます。

現在、アニメーション プレビューは updateTransition
、AnimatedVisibility
、animate*AsState
、CrossFade
、rememberInfiniteTransition
、AnimatedContent
の各 API に対応しています。最新機能にアクセスするには、Android Studio Narwhal Feature Drop と compose.animation
1.9.0 以降でアニメーション プレビューを使用します。
あなたへのおすすめ
このページのコンテンツやコードサンプルは、コンテンツ ライセンスに記載のライセンスに従います。Java および OpenJDK は Oracle および関連会社の商標または登録商標です。
最終更新日 2025-08-27 UTC。
[[["わかりやすい","easyToUnderstand","thumb-up"],["問題の解決に役立った","solvedMyProblem","thumb-up"],["その他","otherUp","thumb-up"]],[["必要な情報がない","missingTheInformationINeed","thumb-down"],["複雑すぎる / 手順が多すぎる","tooComplicatedTooManySteps","thumb-down"],["最新ではない","outOfDate","thumb-down"],["翻訳に関する問題","translationIssue","thumb-down"],["サンプル / コードに問題がある","samplesCodeIssue","thumb-down"],["その他","otherDown","thumb-down"]],["最終更新日 2025-08-27 UTC。"],[],[],null,["# Animation Preview\n\nAndroid Studio allows you to inspect animations from Animation Preview. If an\nanimation is described in a composable preview, you can inspect the exact value\nof each animated value at a given time, pause the animation, loop it,\nfast-forward it, or slow it, to help you debug the animation throughout its\ntransitions:\n\nYou can also use Animation Preview to graph visualize animation curves, which is\nuseful for making sure that the animation values are choreographed properly:\n\nAnimation Preview automatically detects inspectable animations, which are\nindicated by the **Start Animation Preview** icon\n.\n\nIf you have multiple animations, you can use Animation Preview to inspect and\ncoordinate them all at once. You can also freeze a specific animation.\n\nUse pickers to set non-enum or boolean states to debug your Compose animation\nusing precise inputs. For all supported Compose Animation APIs, you can play,\npause, scrub, control speed, and coordinate.\n\nAnimation Preview currently supports the\n[`updateTransition`](/reference/kotlin/androidx/compose/animation/core/package-summary#updateTransition(kotlin.Any,kotlin.String)),\n[`AnimatedVisibility`](/reference/kotlin/androidx/compose/animation/package-summary#AnimatedVisibility(androidx.compose.animation.core.MutableTransitionState,androidx.compose.ui.Modifier,androidx.compose.animation.EnterTransition,androidx.compose.animation.ExitTransition,kotlin.String,kotlin.Function1)),\n[`animate*AsState`](/develop/ui/compose/animation#animate-as-state),\n[`CrossFade`](/develop/ui/compose/animation#crossfade),\n[`rememberInfiniteTransition`](/develop/ui/compose/animation#rememberinfinitetransition),\nand [`AnimatedContent`](/develop/ui/compose/animation#animatedcontent)\nAPIs. To access the latest features, use Animation Preview with\nAndroid Studio Narwhal Feature Drop and `compose.animation` 1.9.0 and higher.\n\nRecommended for you\n-------------------\n\n- Note: link text is displayed when JavaScript is off\n- [Animations in Compose](/develop/ui/compose/animation/introduction)\n- [Animation tooling support {:#tooling}](/develop/ui/compose/animation/tooling)\n- [Value-based animations](/develop/ui/compose/animation/value-based)"]]