Designing With Constraints

on YouTube ↗28m

" summary

Covers concrete Android tips for ConstraintLayout: use match_constraint instead of match_parent, center with 0dp constraints and bias, enforce aspect ratios, align text with baseline, and group views with chains, guideline and barrier helpers to handle translated strings. Describes ConstraintLayout 1.0/1.1 features and shows MotionLayout (ConstraintLayout 2.0) animating between two constraint sets via a motion scene XML to build collapsible headers and state transitions; sample code and alpha2 are available and the approach works declaratively.

AI-written summary · about

" chapters (19)

1. 0:00Introduction
2. 0:30Overview
3. 0:55What are constraints
4. 8:15Login form example
5. 9:10Font metrics
6. 9:50Constraint layout
7. 12:20Constraint chain
8. 13:45Vertical guide line
9. 14:53Left to justified
10. 15:53Password constraint
11. 16:14Password overflow
12. 16:30Barrier
13. 17:23Barriers
14. 17:34Motion Layout
15. 20:44MotionLayout
16. 21:28Animation
17. 23:55Motion Layout File
18. 24:33Motion Scenes File
19. 25:51Adding Constraints

" related talks

• 38mDesigning With ConstraintsSean McQuillan · Android Summit 2018
• 37mConstraintLayout deep diveSean McQuillan, Chris Sinco · Android Dev Summit 2018
• 50mConstraintLayout, now and futureNicolas Roard, John Hoford, thagikura · DroidKaigi 2018
• 51mDesigning User Interfaces with Android Studio and ConstraintLayoutNicolas Roard · DevFest Nantes 2017
• 43mAdvanced ConstraintLayoutNicolas Roard · 360|AnDev 2017
• 48mConquering Common Conundrums with ConstraintLayoutHuyen Tue Dao · Android Makers 2020
• 37mAdvanced ConstraintLayoutNicolas Roard, John Hoford · Devoxx US 2017
• 38mConquering Common Conundrums with ConstraintLayoutHuyen Tue Dao · Android Worldwide: ConstraintLayout and Halving Crashes!