Android Animations and Transitions with Jetpack Compose

Explore animation APIs provided by Jetpack Compose to create a smooth and intuitive user experience in a declarative way. Animations add a polished look to your app, which gives it a higher-quality look and feel. 

  • Course Instructor: Mehdi Haghgoo
  •  Level: Intermediate
  •  Course Duration: 120 minutes
  • Sample Project Included: Yes
  • Learning Path: Android’s Modern Toolkit: Jetpack Compose

Course Objectives

In this master codelab, you’ll explore:

  • High-level animations including animate*AsState, AnimatedContent, Crossfade, and updateTransition.
  • Low-level animations like animate, AnimationState, and Animatable.
  • Use simple high-level animations to animate components
  • Use low-level animations to animate components
  • Customise animations by providing a custom AnimationSpec to animation APIs 
  • Animate list items in Jetpack Compose 
  • Implement gesture-based animations using pointerInput modifier and Animatable
  • Make use of transition APIs in Jetpack Compose to animate between two or more states
  • Make infinite transitions
  • Use Lottie to add polished pre-designed animations to Jetpack Compose UI
  • Animate navigation between screens

Meet the instructor

Mehdi Haghgoo

Content Author & Course Instructor

More courses by the instructor