What's new with ConstraintLayout and Android Studio design tools

on YouTube ↗38m

" summary

Android Studio 3.2 ships a UI for sample data (JSON, image sets, color lists) and design‑time attributes plus a resource picker and wrench helper that populate recycler views and previews. ConstraintLayout 1.1 adds barriers and guidelines; ConstraintLayout 2.0 exposes a helpers API with virtual layouts and decorators (layers, circular reveal, bottom panel) and a resize/constraint API. A new MotionLayout animates between constraint sets, supports touch control, keyframes and KeyCycles, and a Motion Editor inside the IDE.

AI-written summary · about

" chapters (11)

1. 0:00Intro
2. 0:34Layout Editor
3. 3:45Tools Attributes
4. 11:57Sample Data UI
5. 20:46Use cases
6. 22:54Circular reveal
7. 23:46decorators
8. 25:11bottom panel decorator
9. 26:57layout management
10. 28:44motion layout
11. 34:40motion editor

" related talks

• 51mDesigning User Interfaces with Android Studio and ConstraintLayoutNicolas Roard · DevFest Nantes 2017
• 14mWhat's new in design toolsNicolas Roard, Diego Perez · Google I/O 2021
• 35mWhat's new in ConstraintLayoutNicolas Roard, John Hoford · Google I/O 2019
• 46mConstraintLayout 2.0Nicolas Roard, John Hoford · Android Makers 2018
• 29mDemystifying Constraint LayoutJames Williams · Codemotion Milan 2017
• 45mThe Future of ConstraintLayoutNicolas Roard, John Hoford · Android Summit 2020
• 45mGrokking the contrastaint layoutWolfram Rittmeyer · Droidcon Italy 2017
• 35mTaming Android Studio Layout EditingVadim Caen, Diego Perez · Droidcon Italy 2018