Composable Sheep: A Compose Animations Journey
summary
Compose animations center on sequencing UI property changes rather than frame-by-frame art, and the talk demonstrates this with concrete code: state APIs like animate / animateFloatAsState, composable helpers (AnimatedVisibility, AnimatedContent, Crossfade, animateContentSize), and coroutine APIs using animate and animateTo with Animatable plus updateTransition and pointerInput gestures. Examples include a scalable, fading, groovy* chip, a jumping chip (single-shot and eternal), and a touch-driven chasing chip built on Canvas that works as shown; the uploader provides the repo. Summary claim: Compose makes these patterns much simpler.
AI-written summary · about
chapters (8)
- 0:00Welcome and introduction
- 0:29Animation basics explained
- 5:26Animation APIs overview
- 6:08State-based animations
- 10:01Composable animations
- 14:56Coroutine-based animations
- 23:27Gesture animations
- 27:00Summary and closing
related talks
42mGlitz and glamor: the compose edition
26mFuture Composition of Animation
47mAnimations with Compose: Make Your Apps Shimmering
07m5 quick animations to make your Compose app stand out
37mThe Layout Animations Show
37mJetpack Compose for Games & Animations
39mMagic Sprinkles: Adding animations to your app with Jetpack Compose
36mThe Layout Animations Show