ConstraintLayout & MotionLayout in Compose

on YouTube ↗48m

" summary

ConstraintLayout in Compose reuses the same core solver and exposes constraints via a Kotlin DSL or JSON5 strings, with MotionLayout powering animations so Compose can animate between full constraint sets. The team ships released artifacts (ConstraintLayout 2.1 / 2.1.1, ConstraintLayout‑Compose RC0‑1) and demos a working Link desktop inspector that connects over ADB, edits the JSON live, pushes changes (including remote images) to the device, and uses the MotionLayout engine under the hood to interpolate transitions.

AI-written summary · about

" chapters (8)

1. 0:00ConstraintLayout & MotionLayout intro
2. 2:05ConstraintLayout 2.0 features
3. 10:17ConstraintLayout 2.1 updates
4. 19:27MotionLayout in Compose
5. 24:30JSON 5 for MotionLayout
6. 30:14Link tool live editing
7. 41:13Releases and future plans
8. 44:24Q&A performance & lifecycle

" related talks

• 38mUsing ConstraintLayout in ComposeNicolas Roard, John Hoford · droidcon San Francisco 2022
• 45mConstraintLayout: making the transition to ComposeNicolas Roard, John Hoford · Chicago Roboto 2022
• 45mThe Future of ConstraintLayoutNicolas Roard, John Hoford · Android Summit 2020
• 39mConstraintLayout: now and nextNicolas Roard, John Hoford · Android Makers 2020
• 41mConstraintLayout 2.0Nicolas Roard, John Hoford · Android Makers 2019
• 35mWhat's new in ConstraintLayoutNicolas Roard, John Hoford · Google I/O 2019
• 14mWhat's new in design toolsNicolas Roard, Diego Perez · Google I/O 2021
• 21mResponsive UI with Constraint and Motion layoutImran Mohammed · Fragments 2019