Demystifying ConstraintLayout

on YouTube ↗34m

" summary

Explains why multiple measure/layout passes cause UI jank and shows ConstraintLayout cuts those passes by replacing nested LinearLayouts with chains and other constraint patterns, trading expensive re-measures for a solver based on the Cassowary algorithm. Demos and editor tips cover match_constraint vs fixed sizes, using double taxation as the performance metric, plus concrete features that work: guidelines, barriers, groups, placeholders and circular positioning. Notes conversion tool and some match_constraint cases still need manual tuning.

AI-written summary · about

" chapters (13)

1. 0:00Start
2. 1:02The Android View Rendering Cycle
3. 1:51MeasureSpec Modes
4. 2:43What is double taxation?
5. 6:31ConstraintLayout
6. 7:13What is a constraint?
7. 8:37Relative Positioning Constraints
8. 10:37The New Layout Editor
9. 15:51Chains
10. 17:51Virtual Helper Objects
11. 19:56Barriers
12. 21:58Groups
13. 24:40Circular Positioning

" related talks

• 44mCool ConstraintLayoutHuyen Tue Dao · Chicago Roboto 2017
• 45mCool ConstraintLayoutHuyen Tue Dao · Oredev 2017
• 48mConquering Common Conundrums with ConstraintLayoutHuyen Tue Dao · Android Makers 2020
• 37mConstraintLayout deep diveSean McQuillan, Chris Sinco · Android Dev Summit 2018
• 38mConquering Common Conundrums with ConstraintLayoutHuyen Tue Dao · Android Worldwide: ConstraintLayout and Halving Crashes!
• 19mConstraint LayoutDhrumil Shah · GDG DevFest Ahmedabad 2017
• 26mConstraintLayoutKashif Qureshi · Android Summit 2016
• 43mAdvanced ConstraintLayoutNicolas Roard · 360|AnDev 2017