Moving to MotionLayout

on YouTube ↗43m

" summary

MotionLayout becomes a declarative, seekable layer on top of ConstraintLayout using a MotionScene XML file to define start/end constraint sets, onSwipe triggers and custom attributes (e.g. animating color via setColorFilter). The demo builds an Android with clouds app, adds keyframes, showPaths and crossfadeed images, and connects MotionLayout with CoordinatorLayout to drive animations by scroll. Transitions stay interactive (seekable transitions), work on API 14+, and generally perform as shown despite minor live-coding hiccups.

AI-written summary · about

" chapters (12)

1. 0:00Introduction
2. 1:54What is MotionLayout
3. 8:14Limitations of Constraint Sets
4. 11:06Introducing MotionLayout basics
5. 17:10MotionLayout XML setup
6. 24:55Custom attributes and color changes
7. 28:53Debugging with show paths
8. 31:00Key frames and key positions
9. 35:31MotionLayout as complement
10. 37:15Combining with CoordinatorLayout
11. 40:47Practical tips and resources
12. 41:28Q&A

" related talks

• 19mMotionLayout: Animation made easyLuiz Santana · droidCon Berlin 2019
• 40mAdvanced & Practical MotionLayoutJason Pearson · droidcon SF 2019
• 46mConstraintLayout 2.0 : let’s use the new things!Roard, Hoford · 360|AnDev 2018
• 35mConstraintLayout 2.0Andrew Kelly · Mobile Era 2018
• 50mDeep dive into MotionLayoutNicolas Roard, John Hoford, thagikura · DroidKaigi 2019
• 42mDo the Loco-MotionLayout: Building animations with MotionLayoutMike Scamell · 360|AnDev 2019
• 39mExploring MotionLayoutJossi Wolf · Chicago Roboto 2019
• 34mMotionLayout & Motion EditorNicolas Roard, John Hoford · droidcon SF 2019