Practical magic with animations in Jetpack Compose
0Are you constantly in awe of the animations your designer creates but have no idea how to implement them? Or maybe you want to keep your users engaged by adding delightful little treats in your app... There are a few key principles that unlock a wide range of different animations, from basic to advanced.
We will go through some practical examples of how to implement animations in Jetpack Compose, such as working with gestures to control animations and how to do state based animations. Join us to learn how to think about implementing any animation in a step-by-step way.
Chapters:
0:00 - Introduction
0:56 - Principles of Animation
1:42 - What?
3:36 - Modifier.graphicsLayer
4:47 - When?
5:05 - State changes
5:23 - animateAsState
6:20 - Transition
7:01 - On Launch
7:38 - Infinitely
8:04 - With Gesture
12:08 - Flinging gesture handling
16:08 - AnchoredDraggable
17:17 - How
17:46 - Animation Specs
18:16 - tween specs
19:11 - Easing
21:27 - spring specs
23:56 - Built-in animation APIs
24:17 - Animated Visibility
24:28 - animateContentSize
24:47 - AnimatedContent
26:37 - Choosing an API
28:34 - Summary
29:03 - Bonus: Image Vectors
Resources:
Animation Quick Guide → https://goo.gle/animation-quick-guide
Animation Tree → https://goo.gle/animation-tree
Catch more videos → https://goo.gle/Jetpack-Compose
Subscribe to Android Developers → https://goo.gle/AndroidDevs
#Featured #Android #JetpackCompose