Do the Loco-MotionLayout: Building animations with MotionLayout
summary
Recreates a complex Dribbble animation using MotionLayout + ConstraintLayout, building MotionScene XML, keyframes and keypositions, and animated vector drawables; shows exact hacks: custom attributes for card radius and shadow colors, transition listener with onTransitionChange to fade a color, and staggered FAB motion paths. It largely works — Pixel 3 hits 60fps; older HTC One M7 sits ~30fps — but limitations remain: no RecyclerView support yet, API28 shadow APIs, and swipe+click handler edge cases.
AI-written summary · about
chapters (9)
- 0:00Start
- 2:26MotionLayout
- 13:25KeyFrames
- 19:35CustomAttribute
- 32:23Parent Relative
- 32:37Path Relative
- 32:49Delta Relative
- 38:10Considerations
- 41:03Summary
related talks
46mDo the Loco-MotionLayout: Building animations with MotionLayout
42mDo the Loco-MotionLayout: Building animations with MotionLayout
39mAdvanced & Practical MotionLayout
43mMoving to MotionLayout
19mMotionLayout: Animation made easy
50mDeep dive into MotionLayout
40mAdvanced & Practical MotionLayout
39mExploring MotionLayout