5 things you can do to prepare your app for large screens

on YouTube ↗12m

" summary

Five concrete moves: adopt a column system and an 8‑column grid so content reflows predictably, implement it with ConstraintLayout weights and fragments to compose reusable regions, use Material components (RecyclerView, CardView, navigation rail) with their size constraints and optional component switching, persist UI with save instance state across resizes, and add hover/focus and wheel/keyboard input support for large screens. Examples include a working ConstraintLayout chain that maps weights to columns and layout containers for body, nav, and app bar.

AI-written summary · about

" chapters (17)

1. 0:00Start
2. 0:42Column Grid
3. 0:54Column Grids Provide Convenient Structure
4. 2:29Implementing a Column Layout for Android
5. 3:038-Column Layout
6. 4:09Layout Containers
7. 4:24Body Container
8. 4:38Navigation Container
9. 5:03App Bar Container
10. 5:37Visual Grouping
11. 6:19Containment
12. 6:48The Right Components for the Job
13. 8:30Fluid Dimensions
14. 9:46Component Switching
15. 10:15How Your App Maintains Great Continuity
16. 10:49The New Interaction Models
17. 11:06Scrolling

" related talks

• 20mDo’s and don’ts: Mindset for optimizing apps for larger screensClara Bayarri, Daniel Jacobson · Android Dev Summit 2022: Form Factors
• 33mOptimize your app for large screensPaul Lammertsma · droidcon Berlin 2022
• 20mDo’s and don’ts: Mindset for optimizing apps for larger screensClara Bayarri, Daniel Jacobson · Android Dev Summit 2022
• 40mOptimize your app for large screensChiko Shimizu · DroidKaigi 2022
• 14mDesigning apps for large screensAndre Labonte · Google I/O 2022
• 24mOptimize your app for large screensAlex Vanyo · droidcon San Francisco 2022
• 46mA developer's guide to large screens readinessRoberto Orgiu · droidcon Italy 2022
• 38mOptimize your app for large screensRan Nachmany, Paul Lammertsma · droidcon New York 2022