Glitz and glamor: the compose edition
summary
Covers concrete Compose animation APIs with code and demos: ripples, AnimatedVisibility, animatedContent/Crossfade, animateContentSize, animate helpers, Animatable and updateTransition, rememberInfiniteTransition, and low-level Animation for manual timing. Shows lazy column reordering with animatedItemPlacement, accompanist for animated navigation*, Lottie for Compose and animated vector drawables, plus motion/lookahead layouts and shared-element options. Demonstrations sometimes stutter or videos fail to play, but code examples and exact API calls are shown so you can reproduce the effects.
AI-written summary · about
chapters (29)
- 0:00Start
- 0:35Eliza Camber
- 1:31Agenda
- 4:18Adding Motion
- 5:15Ripples
- 7:22Animated Visibility
- 7:55Enter and Exit Transitions
- 8:45Transitions
- 9:16Combine Animations
- 9:53Animation Panel
- 10:33Animated Content
- 12:39Crossfade
- 16:37Animation Spec
- 17:20Low-Level Apis
- 18:09Animate the Anime Color
- 20:38Update the Transition
- 21:40Animated Functions
- 24:03Remember Infinite Transition
- 24:45Create an Infinite Transition
- 25:36Keyframes
- 26:03Animation
- 29:17Lazy Color Animations
- 29:57Lazy Column Animations
- 30:56Animated Item Placement
- 31:44Lottie
- 34:14Animated Vector Drawables
- 35:37Collapsing Toolbar
- 36:02Look Ahead Layout
- 36:34Shared Element Transitions
related talks
37mThe Layout Animations Show
47mAnimations with Compose: Make Your Apps Shimmering
07m5 quick animations to make your Compose app stand out
32mThe complete guide to Compose animations
36mThe Layout Animations Show
28mComposable Sheep: A Compose Animations Journey
39mMagic Sprinkles: Adding animations to your app with Jetpack Compose
26mFuture Composition of Animation