Animations et transitions
Restez organisé à l'aide des collections
Enregistrez et classez les contenus selon vos préférences.
Essayer Compose
Jetpack Compose est le kit d'outils d'interface utilisateur recommandé pour Android. Découvrez comment ajouter des animations dans Compose.
Lorsque votre interface utilisateur change en réponse à une action de l'utilisateur, vous devez animer les transitions de mise en page.
Ces animations donnent aux utilisateurs des commentaires sur leurs actions et les aident à rester orientés sur l'interface utilisateur.
Android inclut le framework de transitions, qui vous permet d'animer facilement les modifications entre deux hiérarchies de vues. Le framework anime les vues au moment de l'exécution en modifiant certaines de leurs valeurs de propriété au fil du temps. Le framework inclut des animations intégrées pour les effets courants et vous permet de créer des animations personnalisées et des rappels de cycle de vie de transition.
Pour commencer, regardez la vidéo intégrée et consultez la présentation des animations.
Vidéos
Ressources supplémentaires
Pour en savoir plus sur l'animation,
consultez les ressources suivantes.
Vidéo
Exemples
Le contenu et les exemples de code de cette page sont soumis aux licences décrites dans la Licence de contenu. Java et OpenJDK sont des marques ou des marques déposées d'Oracle et/ou de ses sociétés affiliées.
Dernière mise à jour le 2025/07/26 (UTC).
[[["Facile à comprendre","easyToUnderstand","thumb-up"],["J'ai pu résoudre mon problème","solvedMyProblem","thumb-up"],["Autre","otherUp","thumb-up"]],[["Il n'y a pas l'information dont j'ai besoin","missingTheInformationINeed","thumb-down"],["Trop compliqué/Trop d'étapes","tooComplicatedTooManySteps","thumb-down"],["Obsolète","outOfDate","thumb-down"],["Problème de traduction","translationIssue","thumb-down"],["Mauvais exemple/Erreur de code","samplesCodeIssue","thumb-down"],["Autre","otherDown","thumb-down"]],["Dernière mise à jour le 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)"]]
