Designing With Constraints
summary
Shows how ConstraintLayout 1.0 patterns—guideline, barrier, chains and baseline alignment—actually map to XML, when to use match_constraints vs wrap_content, and why deep wrap_content nesting kills layout passes. Demonstrates ConstraintLayout 2.0 alpha feature MotionLayout in alpha that defines animations as start/end ConstraintSets, supports touch-driven transitions, collapsible headers, and RecyclerView-friendly complex item layouts. Provides concrete gotchas: GUI builder is not yet available, aspect-ratio handling rules, and performance advice to avoid many wrap_content passes.
AI-written summary · about
chapters (23)
- 0:00Start
- 0:18Constraint Layout
- 1:47Add a Constraint
- 3:16Targets of Constraints
- 3:49Constraint Bias
- 7:46Valid Constraints
- 8:56Change the Layout Width To Match Constraint
- 14:40Top Constraint
- 15:52Chain Styles
- 18:46Add a Vertical Barrier
- 18:59Component Tree
- 20:30When Do Use Constraint Lab
- 21:24Motion Layout
- 21:59What Can You Build with Motion Layout
- 24:14How Do You Make a Motion Lab
- 24:30Constraint Sets
- 26:24Constraints in the Motion Layout
- 27:26Gui Builder for Motion Layout
- 28:14Motion Scene
- 28:35Constraint Set
- 31:39Constraint Layout 2 0
- 32:02Questions
- 35:16Constraint Layouts Nesting
related talks
28mDesigning With Constraints
37mConstraintLayout deep dive
48mConquering Common Conundrums with ConstraintLayout
50mConstraintLayout, now and future
45mCool ConstraintLayout
51mDesigning User Interfaces with Android Studio and ConstraintLayout
43mAdvanced ConstraintLayout
38mConquering Common Conundrums with ConstraintLayout