Animations with Jetpack Compose
summary
Explains concrete animation choices for Jetpack Compose: animatable properties (scale, rotation, alpha, color, translation), use of GraphicsLayer modifier to run changes in the draw phase and avoid recomposition, and higher‑level options like animateFloatAsState and Animatable with launchedEffect. Shows gesture handling with draggable + fling/decay to snap to two final states, infinite animations via repeatable+tween, and built‑ins such as AnimatedVisibility and animateContentSize with a decision tree for which API to use.
AI-written summary · about
chapters (8)
- 0:00Introduction to animations
- 1:03Choosing animation properties
- 2:26Timing your animations
- 5:27Triggering animations
- 7:09Gesture-based animations
- 10:24Defining animation specs
- 14:16Built-in animation APIs
- 16:47Summary and Q&A
related talks
39mMagic Sprinkles: Adding animations to your app with Jetpack Compose
32mJetpack Compose for Games & Animations
32mPractical Magic with Animations in Compose
36mPractical Magic with Animations in Compose
32mThe complete guide to Compose animations
31mDesigning Media Friendly Jetpack Compose Components
17mA Guide to Loading Animations in Jetpack Compose
36mPractical implementations of powerful UI expressions using Jetpack Compose