Animation

Posts tagged with Animation

A central violet transition hub sends synchronized teal paths to a warm off-white card, a circular shape, and a small coral accent.

updateTransition: Animate Multiple Values Together

Coordinate color, size, shape, and other state-driven values in Jetpack Compose with updateTransition and state-pair-specific animation specs.

A violet control hub smoothly moves a teal slider toward a warm off-white target card, with a small coral endpoint marker.

animate*AsState: Animate Values in Jetpack Compose

Animate a single Float, Color, Dp, or other value from Compose state with animate*AsState, deliberate specs, and clear guidance on when to use another API.

A teal object moves through three translucent violet time rings toward a warm off-white endpoint with a small coral timing marker on a deep navy background.

Testing Animations and Time in Jetpack Compose

Control Compose's test clock to verify animation end states, intermediate frames, delayed effects, and visual motion without flaky real-time waits.

A warm off-white content card rises through a translucent violet frame with teal entry trails and a small coral exit marker.

AnimatedVisibility in Jetpack Compose

Show and remove Compose content with AnimatedVisibility, custom enter and exit transitions, child motion, and reliable lifecycle-aware patterns.

Two warm off-white content cards overlap inside a violet frame, with a teal incoming path and a small coral outgoing path.

AnimatedContent vs Crossfade in Compose

Choose Crossfade for a simple content swap and AnimatedContent for directional, size-aware, or state-pair-specific transitions in Jetpack Compose.

Stacked warm off-white list cards smoothly shifting through violet and teal paths on a deep navy background.

Animate Lazy List Item Changes in Jetpack Compose

Animate additions, removals, and reordering in Jetpack Compose LazyColumn with animateItem, stable keys, and deliberate animation specs.

A warm off-white draggable sphere moving along a glowing teal path toward a violet bounded destination on a deep navy background.

Animatable and Gesture-Driven Animations in Jetpack Compose

Build responsive drag, fling, and settle interactions in Jetpack Compose with Animatable, snapTo, animateTo, velocity tracking, and bounds.