The Layout Animations Show
summary
Demos use Compose Multiplatform animation APIs on layouts (Box Column Row) and show concrete code: Boolean and enum states drive AnimatedVisibility Crossfade AnimatedContent; customization appears via enter/exit transitions, transition.animate... extension functions, and sizeTransform. AnimationSpec examples include tween spring keyframes and snap, with a keyframes sizeTransform that grows width then height. Several runnable examples (curtain clicker size shifter) compile and visibly work and a repo link is in the description.
AI-written summary · about
chapters (17)
- 0:00Intro
- 0:55The Basics
- 3:40Composable APIs
- 4:19Animated Visibility
- 6:34Transitions
- 10:09Crossfade
- 12:44Animation Spec
- 16:02Animated Content
- 20:14Size Transform
- 21:13Size Shifter
- 24:45Recap
- 25:56Questions
- 28:37Shared elements
- 30:02Position animation
- 31:19State management
- 33:26Best practice for animations
- 34:45Animation duration
related talks
37mThe Layout Animations Show
42mGlitz and glamor: the compose edition
07m5 quick animations to make your Compose app stand out
47mAnimations with Compose: Make Your Apps Shimmering
29mBringing your app to life - Motion Animations everywhere
26mFuture Composition of Animation
39mAdvanced & Practical MotionLayout
42mDo the Loco-MotionLayout: Building animations with MotionLayout