Responsive UI with Constraint and Motion layout

on YouTube ↗21m

" summary

ConstraintLayout claims to replace nested layouts by providing a flat view hierarchy, cutting XML files and developer iterations, and the demo shows live editor edits (aspect ratios, guidelines) and a recreated YouTube-style animation that works. Animations use transitions between ConstraintSets to animate constraint sets; MotionLayout (a ConstraintLayout subclass) defines scene-to-scene animations in XML, triggers by click or swipe, supports keyframes but only affects direct children. Stable release lands about a year after beta.

AI-written summary · about

" chapters (13)

1. 0:00Intro
2. 1:50About Me
3. 3:36Layouts
4. 5:18Challenges with layouts
5. 8:39Solutions
6. 11:34Constraint Layout
7. 12:46Linear Layout
8. 13:27Remove Layouts
9. 13:58Constraints
10. 15:36Motion layout
11. 16:55Motion layout example
12. 18:00How to choose layout
13. 19:52Resources

" related talks

• 35mConstraintLayout 2.0Andrew Kelly · Mobile Era 2018
• 41mConstraintLayout 2.0Nicolas Roard, John Hoford · Android Makers 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
• 35mWhat's new in ConstraintLayoutNicolas Roard, John Hoford · Google I/O 2019
• 42mConstraint-ly motion ~*~ making your app dance with With ConstraintLayoutBritt Barak · droidCon NYC 2018
• 50mDeep dive into MotionLayoutNicolas Roard, John Hoford, thagikura · DroidKaigi 2019
• 40mAdvanced & Practical MotionLayoutJason Pearson · droidcon SF 2019