Animasi dan Transisi
Tetap teratur dengan koleksi
Simpan dan kategorikan konten berdasarkan preferensi Anda.
Mencoba cara Compose
Jetpack Compose adalah toolkit UI yang direkomendasikan untuk Android. Pelajari cara menambahkan animasi di Compose.
Saat UI Anda berubah sebagai respons terhadap tindakan pengguna, Anda harus menganimasikan transisi tata letak.
Animasi ini memberikan masukan kepada pengguna tentang tindakan mereka dan membantu mereka tetap berorientasi pada UI.
Android menyertakan framework transisi, yang memungkinkan Anda dengan mudah
menganimasikan perubahan antara dua hierarki tampilan. Framework menganimasikan tampilan saat runtime dengan
mengubah beberapa nilai propertinya dari waktu ke waktu. Framework ini menyertakan animasi bawaan
untuk efek umum dan memungkinkan Anda membuat animasi kustom dan callback siklus proses transisi.
Untuk memulai, tonton video tersemat di sini dan baca
Ringkasan Animasi.
Video
Referensi tambahan
Untuk informasi selengkapnya tentang animasi,
lihat referensi berikut.
Video
Contoh
Konten dan contoh kode di halaman ini tunduk kepada lisensi yang dijelaskan dalam Lisensi Konten. Java dan OpenJDK adalah merek dagang atau merek dagang terdaftar dari Oracle dan/atau afiliasinya.
Terakhir diperbarui pada 2025-07-26 UTC.
[null,null,["Terakhir diperbarui pada 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)"]]
