New Course: Android Animations

It’s day 6 of the Android Avalanche: an event where we’ll be releasing new Android and Kotlin books, courses, and screencasts every day!

Today, we are releasing a brand new course: Android Animations.

In this 31-video course by Joe Howard, you’ll learn how to add dynamic animations to your Android apps to make the users’ experience more dynamic, fun and effective. Through a series of hands-on exercises and challenges, you’ll learn how to use basic property and view animators, add activity transitions, animate vector drawables, and more!

Take a look at what’s inside:

Part 1: Property Animations

In part one, learn how use the basic property animators on Android.

Introduction: Find out what’s covered in our Android Animations video tutorial series, from property animations to vector animations and physics-based animations.

The Starter App: Download the starter app and build it in Android Studio, review the existing app code, and check out some built-in animations.

ValueAnimator: See how to perform a basic property animation using ValueAnimator. You’ll animate the payment methods container on the cart screen.

ObjectAnimator: Switch to using an ObjectAnimator for the payment method container, in order to see the difference between ValueAnimator and ObjectAnimator.

Challenge: Animators: Practice what you’ve learned so far to add a hide animation to the payment method container, and then see a solution.

Interpolators: Review some of the various interpolators available for property animations, and settle on AccelerateDecelerateInterpolator.

Animator Sets: See how to combine multiple animators into an AnimatorSet by animating a food item image when adding the item to the cart.

Animator Listeners: Use an Animator.AnimatorListener or an AnimatorListenerAdapter to respond to various events for the animation, such as the animation end.

Challenge: Animator Sets: Take what you’ve learned about property animations and AnimatorSet to animate the cart icon count, and then see a solution.

Conclusion: Let’s review what you’ve covered in this first part on Android Animations, and then discuss what’s next.

1. Introduction: Find out what’s covered in our Android Animations video tutorial series, from property animations to vector animations and physics-based animations.

2. The Starter App: Download the starter app and build it in Android Studio, review the existing app code, and check out some built-in animations.

3. ValueAnimator: See how to perform a basic property animation using ValueAnimator. You’ll animate the payment methods container on the cart screen.

4. ObjectAnimator: Switch to using an ObjectAnimator for the payment method container, in order to see the difference between ValueAnimator and ObjectAnimator.

5. Challenge: Animators: Practice what you’ve learned so far to add a hide animation to the payment method container, and then see a solution.

6. Interpolators: Review some of the various interpolators available for property animations, and settle on AccelerateDecelerateInterpolator.

7. Animator Sets: See how to combine multiple animators into an AnimatorSet by animating a food item image when adding the item to the cart.

8. Animator Listeners: Use an Animator.AnimatorListener or an AnimatorListenerAdapter to respond to various events for the animation, such as the animation end.

9. Challenge: Animator Sets: Take what you’ve learned about property animations and AnimatorSet to animate the cart icon count, and then see a solution.

10. Conclusion: Let’s review what you’ve covered in this first part on Android Animations, and then discuss what’s next.

Part 2: View, Transition, and Other Animations

In the second part, learn how to use view animators and work with scenes and transitions.

Introduction: We’ll summarize the animations discussed in this part: view animations, activity transitions, circular reveal, and view pager transforms.

View Animations: Learn about view animations and their differences from property animations. Animate food on the detail screen using a view animation.

Challenge: View Animations: Practice using view animations by scaling the food image and feeding the food to a hungry monster, and then see a solution.

Activity Transitions: Learn about scenes and transitions, and create an activity transition that animates the food image between activities.

Challenge: Activity Transitions: Practice working with activity transitions by animating the food name between activities, and then see a solution.

Circular Reveal: See how to create a circular reveal animation by replacing the payment method container show and hide property animations with a circular reveal.

View Pager Transformers: Learn about ViewPager transformers and add zoom and depth transformers to the food categories ViewPager.

Challenge: View Pager Transformers: Practice working with ViewPager transformers by updating the depth transformer to switch the direction of the depth animation, and then see a solution.

Conclusion: Let’s review what you learned about the various types of common interactions discussed in this part of the course, and then discuss what’s next.

1. Introduction: We’ll summarize the animations discussed in this part: view animations, activity transitions, circular reveal, and view pager transforms.

2. View Animations: Learn about view animations and their differences from property animations. Animate food on the detail screen using a view animation.

3. Challenge: View Animations: Practice using view animations by scaling the food image and feeding the food to a hungry monster, and then see a solution.

4. Activity Transitions: Learn about scenes and transitions, and create an activity transition that animates the food image between activities.

5. Challenge: Activity Transitions: Practice working with activity transitions by animating the food name between activities, and then see a solution.

6. Circular Reveal: See how to create a circular reveal animation by replacing the payment method container show and hide property animations with a circular reveal.

7. View Pager Transformers: Learn about ViewPager transformers and add zoom and depth transformers to the food categories ViewPager.

8. Challenge: View Pager Transformers: Practice working with ViewPager transformers by updating the depth transformer to switch the direction of the depth animation, and then see a solution.

9. Conclusion: Let’s review what you learned about the various types of common interactions discussed in this part of the course, and then discuss what’s next.

Part 3: Animated Vector Drawables

In part 3, you’ll animate vector drawables and try out the Lottie animation library from AirBnB.

Introduction: Learn about the objectives of this part, which are to understand how to animate vector drawables and to work with the Lottie animation library from AirBnB.

Vector Drawables: Learn about the inner working of vector drawables on Android, as preparation for understanding how to animate them.

Animated Vector Drawables: Use some predefined morphing animations to morph a plus sign to a checkmark and back when adding food to the cart on the detail screen.

Challenge: Animated Vector Drawables: Practice working with animated vector drawables by adding the plus to checkmark animation to the items list screen, and then see a solution.

Lottie: Discover how to work with the Lottie animation library from AirBnB, and animate an image that marks your favorite foods.

Conclusion: Let’s review what you learned about using animated vector drawables and Lottie, and then discuss what’s next.

1. Introduction: Learn about the objectives of this part, which are to understand how to animate vector drawables and to work with the Lottie animation library from AirBnB.

2. Vector Drawables: Learn about the inner working of vector drawables on Android, as preparation for understanding how to animate them.

3. Animated Vector Drawables: Use some predefined morphing animations to morph a plus sign to a checkmark and back when adding food to the cart on the detail screen.

4. Challenge: Animated Vector Drawables: Practice working with animated vector drawables by adding the plus to checkmark animation to the items list screen, and then see a solution.

5. Lottie: Discover how to work with the Lottie animation library from AirBnB, and animate an image that marks your favorite foods.

6. Conclusion: Let’s review what you learned about using animated vector drawables and Lottie, and then discuss what’s next.