5 tips to master ConstraintLayout

on YouTube ↗05m

" summary

Five concrete workflows for ConstraintLayout: use Guidelines as movable screen edges so shifting one repositions the whole layout; use Barriers (a non-view-group grouping) to anchor a dynamic edge that supports RTL and translations like English→German; add constraints directly with the new Context menu (Android Studio 3.3 / 3.3 beta) for precise constraints between overlapping views; toggle Show All Constraints and Live Rendering to visualize state; use updated zoom/pan shortcuts (Cmd/Ctrl+=, -, wheel, Cmd/Ctrl+0, Space-drag).

AI-written summary · about

" chapters (5)

1. 0:00Use Guidelines to Anchor Constraints
2. 0:32Leverage Barriers as ViewGroups
3. 1:22Add Constraints Directly with the context Menu
4. 2:25Take advantage of the new View Options
5. 3:20Use Shortcuts to Zoom and Pan

" related talks

• 28mDesigning With ConstraintsSean McQuillan · DevFest Ukraine 2018
• 51mDesigning User Interfaces with Android Studio and ConstraintLayoutNicolas Roard · DevFest Nantes 2017
• 48mConquering Common Conundrums with ConstraintLayoutHuyen Tue Dao · Android Makers 2020
• 29mDemystifying Constraint LayoutJames Williams · Codemotion Milan 2017
• 37mAdvanced ConstraintLayoutNicolas Roard, John Hoford · Devoxx US 2017
• 32mConstraintLayout all the things!Aleksander Piotrowski · Mobius 2017 Piter
• 45mGrokking the contrastaint layoutWolfram Rittmeyer · Droidcon Italy 2017
• 50mConstraintLayout, now and futureNicolas Roard, John Hoford, thagikura · DroidKaigi 2018