アニメーションと遷移
コレクションでコンテンツを整理
必要に応じて、コンテンツの保存と分類を行います。
Compose を試す
Jetpack Compose は、Android に推奨される UI ツールキットです。Compose でアニメーションを追加する方法を学習します。
ユーザーの操作に応じて UI が変化した場合は、レイアウトの遷移をアニメーション化する必要があります。このようなアニメーションにより、各ユーザーは自分のアクションがどのような意味を持っていたのかを把握し、UI の変化に適応して利用を継続することができます。
Android には遷移フレームワークがあり、2 つのビュー階層間の変化を簡単にアニメーション化できます。フレームワークは、時間の経過とともにいくつかのプロパティ値を変更することで、実行時にビューをアニメーション化します。このフレームワークには、一般的なエフェクト用のアニメーションが組み込まれており、カスタム アニメーションと遷移ライフサイクル コールバックを作成できます。
まず、こちらの埋め込み動画とアニメーションの概要をご覧ください。
動画
参考情報
アニメーションについて詳しくは、以下のリソースをご覧ください。
動画
サンプル
このページのコンテンツやコードサンプルは、コンテンツ ライセンスに記載のライセンスに従います。Java および OpenJDK は Oracle および関連会社の商標または登録商標です。
最終更新日 2025-07-26 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-07-26 UTC。"],[],[],null,["# Animations and Transitions\n\nTry the Compose way \nJetpack Compose is the recommended UI toolkit for Android. Learn how to add animations in Compose. \n[Animations in Compose →](/jetpack/compose/animation) \n\nWhen your UI changes in response to user action, you should animate the layout transitions.\nThese animations give users feedback on their actions and help keep them oriented to the UI.\n\nAndroid includes the *transitions framework*, which enables you to easily\nanimate changes between two view hierarchies. The framework animates the views at runtime by\nchanging some of their property values over time. The framework includes built-in animations\nfor common effects and lets you create custom animations and transition lifecycle callbacks.\n\nTo get started, watch the video embedded here and read the\n[Animations Overview](/training/animation/overview). \n\nDocumentation\n-------------\n\n- [Animations Overview](/training/animation/overview)\n- [Property Animation Overview](/guide/topics/graphics/prop-animation)\n- [Animate drawable graphics](/guide/topics/graphics/drawable-animation)\n- [Reveal or hide a view using animation](/training/animation/reveal-or-hide-view)\n- [Move a View with Animation](/training/animation/reposition-view)\n- [Move views using a fling animation](/guide/topics/graphics/fling-animation)\n- [Enlarge a view using a zoom animation](/training/animation/zoom)\n- [Animate movement using spring physics](/guide/topics/graphics/spring-animation)\n- [Auto animate layout updates](/training/animation/layout)\n- [Animate layout changes using a transition](/training/transitions)\n- [Create a custom transition animation](/training/transitions/custom-transitions)\n- [Start an activity using an animation](/training/transitions/start-activity)\n- [Slide between fragments using ViewPager](/training/animation/screen-slide)\n- [Slide between fragments using ViewPager2](/training/animation/screen-slide-2)\n- [Migrate from ViewPager to ViewPager2](/training/animation/vp2-migration) \n\nVideos\n------\n\nAdditional resources\n--------------------\n\n\nFor more information about animation,\nconsult the following resources.\n\n### Video\n\n- [Get Animated (Android Dev Summit '18)](https://www.youtube.com/watch?v=N_x7SV3I3P0): Overview of the various animation technologies available. Includes a summary of [how to choose\n between the different animation options](https://www.youtube.com/watch?v=N_x7SV3I3P0&t=2265).\n\n### Samples\n\n- [Navigation\n \\\u003e Shared element](https://github.com/android/animation-samples/tree/main/Motion/app/src/main/java/com/example/android/motion/demo/sharedelement)\n- [Navigation\n \\\u003e Fade through](https://github.com/android/animation-samples/tree/main/Motion/app/src/main/java/com/example/android/motion/demo/navfadethrough)\n- [Layout\n \\\u003e Fade through](https://github.com/android/animation-samples/tree/main/Motion/app/src/main/java/com/example/android/motion/demo/fadethrough)\n- [more...](/training/animation/additional-resources)"]]