This is part of the "Android and Kotlin for Beginners" learning path. View Path

Android Animations

Mar 26 2018 · Beginner · Video Course · 1 hr, 6 mins

You will learn how to add various animations to your apps that will make the app user experience more dynamic, fun, and effective.

Version

  • Kotlin 1.2, Android 5.0, Studio 3.0.1

Property Animations

Introduction

2:49 Free

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

1

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

2

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

3

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

4

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

5

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

6

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

7

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

8

Take what you've learned about property animations and AnimatorSet to animate the cart icon count, and then see a solution.

9

Conclusion

0:53

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

10

View, Transition, and Other Animations

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

11

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

12

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

13

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

14

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

15

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

16

Learn about ViewPager transformers and add zoom and depth transformers to the food categories ViewPager.

17

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

18

Conclusion

0:49

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.

19

Animated Vector Drawables

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.

20

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

21

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.

22

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

23

Lottie

4:24

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

24

Conclusion

0:54

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

25

Physics-based Animations

Learn about the objectives of this part, which is to work with physics-based animations provided in the Android dynamic animation support library.

26

Spring Animations

2:51 Free

Add the dynamic animation support library to the project and see how to add a spring animation to a donut image on the checkout screen.

27

Practice working with spring animations by adding vertical spring animations to the donut, then see a solution.

28

Use an ObjectAnimator to animate a block at the top of the screen, then use a fling animation to fling a donut at the block to try to win free donuts!

29

Practice working with fling animations by adding a cookie fling animation to try to win free cookies, then see a solution.

30

Conclusion

1:51

In this final episode, we'll summarize this final part and the whole course, and then see an overview of Android Animation topics that were not covered.

31

Contributors

Comments