Android Animations

Learn how to add various animations to your apps that will make the app user experience more dynamic, fun, and effective. By Filip Babić.

Login to leave a rating/review
Download materials
Save for later
Share

Learning path

This is part of the Android User Interfaces learning path. View Path.

Who is this for?

Android developers who are looking to improve their apps using animations. You'll learn how to add meaningful motion to your apps using simple and complex animations and data set changes.

Covered concepts

  • Property animations using ValueAnimators and ObjectAnimators.
  • Interpolators and animation functions.
  • Custom View animations.
  • Activity transitions.
  • Fragment transitions.
  • Shared Element transitions.
  • Circular reveal animations.
  • Reversing animations.
  • List animations.
  • AnimatedVectorDrawable API.
  • ItemTouchHelpers.
  • Swipe and Drag & Drop animations.
  • CollapsingToolbarLayout.
  • Scrolling behavior.
  • Third party animations.
  • Lottie files and animations.
  • Physics-based animations in Android.
  • Spring animations.
  • Fling animations.

Part 1: View Property Animations

1
Toggle description

Learn what types of animations exist and which ones you'll cover in the first part of the course.

2
Toggle description

Download the starter app and build it in Android Studio, review the existing app code and explore the app features.

Toggle description

See how to perform a basic property animation using ValueAnimator. You'll animate the LoginActivity button and progress bar.

Toggle description

Practice using ValueAnimators to change the Login button size as the animation changes.

Toggle description

Learn how to change the curve of your animations to make them look less linear.

Toggle description

Replace one of your animations with an ObjectAnimator, to automatically update a View's alpha.

Toggle description

Combine multiple different animations into one custom view that you can transform.

Toggle description

Finish the custom view animation by building a reverse animation to transform the button from the progress state to the idle state.

Part 2: Build Screen Transitions

Toggle description

Learn about transitions and how to transition from one screen to another using Activity, Fragment and Shared Element transitions.

Toggle description

Build your first Activity transition that represents a slide in and slide out transition.

Toggle description

Practice using Activity transitions to add a fade in and fade out transition to your app.

Toggle description

Improve your app transition experience by building a Shared Element transition between pet lists and the details screen.

Practice using shared element transitions to add another element to the transition and polishing your animation.

Implement another cool transition between Activities using a Circular Reveal transition.

Toggle description

Practice working with circular reveal transitions to seamlessly animate your Settings screen.

Part 3: Implement List Animations

Toggle description

Explore what types of animations you can add to your Lists and how they improve the user experience.

Toggle description

Learn about AnimatedVectorDrawables API and how to build them using the Shape Shifter tool.

Toggle description

Add list animations by implementing an ItemTouchHelper. Implement a swipe and a drag & drop animation.

Toggle description

Finish the ItemTouchHelper animation by adding actions to your gestures, such as removing an item or re-ordering the data set.

Toggle description

Practice the Item Touch Helper API by adding it to another screen and expanding the swipe gesture.

Toggle description

Learn about CollapsingToolbarLayouts and how they can improve the behavior on your app's Details screen.

Toggle description

Expand the CollapsingToolbarLayout behavior by adding scroll listeners and updating the UI as the user scrolls the screen.

Toggle description

Improve your scrolling behavior by showing and hiding floating actions on the Details screen, as the user scrolls.

Part 4: Explore Advanced Animations

Toggle description

Learn about more advanced animation types in Android - physics-based animations and third-party animations.

Toggle description

Learn about Lottie and implement it in your app to use awesome animation files without a lot of work.

Toggle description

Practice working with Lottie, to add another Lottie animation file to your app.

Toggle description

Implement your first physics-based animation to add a spring animation to your cookies!

Toggle description

Practice working with spring animations by adding a vertical spring animation.

Toggle description

Learn how to implement fling animations to throw cookies to your pets and feed them in the process!

Toggle description

Wrap up the course by adding another fling animation and looking back at all the animations you've built so far.