Building a modern Android UI

on YouTube ↗46m

" summary

Claims concrete improvements: use support lib plus constraintlayout and android studio to build flat hierarchies, enable motion, and avoid reinflation by swapping constraint sets. The team ships the layout as a bundled lib with ~16 releases, reports 2–3× speedups, and supplies a visual editor with constraintlayout inference that auto-adds constraints. Examples include a bottom dialog and a custom navigation menu implemented with transitions and physics-based animations that run smoothly on device without tearing down views.

AI-written summary · about

" chapters (17)

1. 0:00Building a Modern Android UI
2. 1:22Intentional Motion
3. 1:53Guides User's focus
4. 12:30Navigation Drawer
5. 13:38Coordinator Layout
6. 20:13Useful shortcuts
7. 24:22Animating Content
8. 25:34Combined with other animations
9. 25:58Activity Transitions
10. 32:10ConstraintLayout & Motion
11. 36:49Custom Transitions
12. 39:56What's next
13. 40:30Component Tree
14. 40:44Slice Editor
15. 43:18Barriers
16. 44:05Groups
17. 44:36Match Constraints & Percent

" related talks

• 51mDesigning User Interfaces with Android Studio and ConstraintLayoutNicolas Roard · DevFest Nantes 2017
• 46mConstraintLayout 2.0Nicolas Roard, John Hoford · Android Makers 2018
• 38mWhat's new with ConstraintLayout and Android Studio design toolsNicolas Roard, John Hoford, Vadim Caen, Diego Perez · Google I/O 2018
• 29mDemystifying Constraint LayoutJames Williams · Codemotion Milan 2017
• 45mThe Future of ConstraintLayoutNicolas Roard, John Hoford · Android Summit 2020
• 37mAdvanced ConstraintLayoutNicolas Roard, John Hoford · Devoxx US 2017
• 21mResponsive UI with Constraint and Motion layoutImran Mohammed · Fragments 2019
• 46mAndroid Design Tools : New features and tools for rapid UI developmentNicolas Roard · Android Makers 2017