Practical magic with animations in Jetpack Compose

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:

• 00:00 – Introduction
• 00:56 – Principles of Animation
• 01:42 – What?
• 03:36 – Modifier.graphicsLayer
• 04:47 – When?
• 05:05 – State changes
• 05:23 – animateAsState
• 06:20 – Transition
• 07:01 – On Launch
• 07:38 – Infinitely
• 08: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