Constraint-ly motion ~*~ making your app dance with With ConstraintLayout

on YouTube ↗42m

" summary

MotionLayout (alpha2) extends ConstraintLayout and turns two XML constraint sets into a frame-by-frame, user-driven animation system that handles clicks, swipes and progress updates from a ViewPager. It uses ConstraintSet and KeyFrame entries inside a motion scene to animate positions, alpha, rotation and custom attributes like textSize or backgroundColor. Images use ImageFilterView for saturation, contrast and crossfade. Works in a complex app after copying constraints into the scene, though path crossings can require manual path tweaks and tooling is still maturing.

AI-written summary · about

" chapters (8)

1. 0:00Welcome and introduction
2. 2:02ConstraintLayout basics
3. 6:44Keypad swipe animation demo
4. 16:45Custom attributes and image filters
5. 27:33Button navigation bar example
6. 34:38ViewPager integration
7. 36:47Integrating into existing apps
8. 40:40Resources and closing

" related talks

• 35mConstraintLayout 2.0Andrew Kelly · Mobile Era 2018
• 19mMotionLayout: Animation made easyLuiz Santana · droidCon Berlin 2019
• 49mMotionLayout & ConstraintLayout 2.0Nicolas Roard, John Hoford · droidcon San Francisco 2018
• 46mConstraintLayout 2.0 : let’s use the new things!Roard, Hoford · 360|AnDev 2018
• 21mResponsive UI with Constraint and Motion layoutImran Mohammed · Fragments 2019
• 44mPractical Motion with Constraint LayoutSean McQuillan · Android Summit 2020
• 50mDeep dive into MotionLayoutNicolas Roard, John Hoford, thagikura · DroidKaigi 2019
• 40mAdvanced & Practical MotionLayoutJason Pearson · droidcon SF 2019