Animações e transições
Mantenha tudo organizado com as coleções
Salve e categorize o conteúdo com base nas suas preferências.
Testar o Compose
O Jetpack Compose é o kit de ferramentas de interface recomendado para Android. Aprenda a adicionar animações no Compose.
Quando sua IU muda em resposta à ação do usuário, você precisa animar as transições de layout.
Essas animações fornecem feedback aos usuários sobre as ações deles e ajudam a mantê-los orientados para a IU.
O Android inclui o framework de transições, que permite animar facilmente
mudanças entre duas hierarquias de visualização. O framework anima as visualizações durante a execução,
mudando alguns dos valores das propriedades ao longo do tempo. O framework inclui animações integradas
para efeitos comuns e permite criar animações personalizadas e callbacks do ciclo de vida de transição.
Para começar, assista ao vídeo incorporado aqui e leia a
Visão geral de animações.
Vídeos
Outros recursos
Para mais informações sobre animação,
consulte os seguintes recursos.
Vídeo
Exemplos
O conteúdo e os exemplos de código nesta página estão sujeitos às licenças descritas na Licença de conteúdo. Java e OpenJDK são marcas registradas da Oracle e/ou suas afiliadas.
Última atualização 2025-07-26 UTC.
[null,null,["Última atualização 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)"]]
