Animations in Compose - From Basic Primitives to Shared Element Transitions

Overview

Dive into a comprehensive podcast episode exploring animations in Jetpack Compose for Android development. Join hosts Chet, Romain, and Tor as they interview Doris Liu from the Compose team, covering a wide range of topics from basic animation primitives to advanced concepts like Shared Element Transitions. Learn about different animation specs, layers of functionality, TargetBasedAnimation, vectors and velocity of color changes, animation interruptions, and motion layout problem-solving. Discover the mental models for layout animation in Compose versus View, and gain insights into tooling, Look Ahead functionality, and new APIs like Modifier.animateBounds. Access additional resources including tutorials, talks, and guides to further enhance your understanding of Compose animations.

Syllabus

Intro
Animation capabilities of Compose
Different types of animation specs
Layers of functionality, transitions
TargetBasedAnimation
Vectors & velocity of color change
Second layer parallel to animation spec
Animation interruptions
Motion layout problem-solving
Both scale and move in question
Different mental models for layout animation in Compose vs. View
Shared element
Are there things you wish more people were aware of?
What's the tooling story for this?
What is Look Ahead?
All software is regret
New API: Modifier.animateBounds
How to reach Doris – leave a comment
Motion Frame of Reference Placement
Wrap up