MotionLayout: Animation made easy

on YouTube ↗19m

" summary

MotionLayout (ConstraintLayout 2.0) makes complex Android animations declarative by describing transitions in a motion scene XML and triggering them with onSwipe or onClick. ConstraintSets reduce multiple layouts to one file, custom attributes animate filters and colors, and keyframes (for example a keyframe at 50% that doubles scale and rotates 45°) change position and properties mid‑transition. A showPath debug visualizes trajectories. Examples reproduce YouTube‑style fragment transitions and work reliably with built‑in easing.

AI-written summary · about

" chapters (12)

1. 0:00Introduction to MotionLayout
2. 1:13Old animation options on Android
3. 4:05Why use MotionLayout
4. 5:11Declarative animation with MotionScene
5. 8:24Simplifying with ConstraintSets
6. 9:49Animating any property
7. 11:14Keyframes for complex animations
8. 13:43Debugging with showPaths
9. 14:47When to use MotionLayout
10. 16:54Tools for MotionLayout
11. 17:56Key cycles and next steps
12. 18:58Resources and conclusion

" related talks

• 35mConstraintLayout 2.0Andrew Kelly · Mobile Era 2018
• 43mMoving to MotionLayoutHuyen Tue Dao · droidcon NYC 2019
• 49mMotionLayout & ConstraintLayout 2.0Nicolas Roard, John Hoford · droidcon San Francisco 2018
• 40mAdvanced & Practical MotionLayoutJason Pearson · droidcon SF 2019
• 42mConstraint-ly motion ~*~ making your app dance with With ConstraintLayoutBritt Barak · droidCon NYC 2018
• 46mConstraintLayout 2.0 : let’s use the new things!Roard, Hoford · 360|AnDev 2018
• 34mMotionLayout & Motion EditorNicolas Roard, John Hoford · droidcon SF 2019
• 39mExploring MotionLayoutJossi Wolf · Chicago Roboto 2019