Practical magic with animations in Jetpack Compose

From the creator

Are 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

Published 2023-11-06 · Watch on YouTube ↗
Availability and playback restrictions are controlled by the original channel.