ConstraintLayout deep dive

on YouTube ↗37m

" summary

Practical, tool-focused walkthrough of ConstraintLayout: how to use the Layout Editor to create reliable baselines, chains, match_constraints sizing with aspect ratios, guidelines and a dynamic barrier group that prevents layout breakage under translation, plus the Layout Editor tricks—context-menu constraint creation, drag‑to‑center, show‑only‑active‑constraints, live rendering toggle and zoom/pan shortcuts. Demonstrates using sample data for TextViews/ImageViews and explains MotionLayout’s architecture: MotionLayout wrapping a separate MotionScene (start/end ConstraintSets, duration, stagger, keyframes) and an early Motion Editor timeline prototype that’s not shipped yet.

AI-written summary · about

" chapters (4)

1. 0:00Constraint layout basics
2. 12:35Visual editor improvements
3. 24:38Introduction to motion layout
4. 30:53Future of motion editor

" related talks

• 28mDesigning With ConstraintsSean McQuillan · DevFest Ukraine 2018
• 38mDesigning With ConstraintsSean McQuillan · Android Summit 2018
• 19mConstraint LayoutDhrumil Shah · GDG DevFest Ahmedabad 2017
• 48mConquering Common Conundrums with ConstraintLayoutHuyen Tue Dao · Android Makers 2020
• 41mConstraintLayout 2.0Nicolas Roard, John Hoford · Android Makers 2019
• 37mAdvanced ConstraintLayoutNicolas Roard, John Hoford · Devoxx US 2017
• 38mConstraintLayout 2.0 and MotionLayout WorkshopNicolas Roard, John Hoford · droidcon SF 2019
• 44mCool ConstraintLayoutHuyen Tue Dao · Chicago Roboto 2017