Canonical layouts and visual hierarchy: Designing for larger screens
summary
Three canonical layouts are defined: list-detail, supporting panel, and feed, with concrete implementation paths and code samples. Uses Window Size Classes (compact/600dp medium/840dp expanded), Android 12L Activity Embedding for multi‑activity splits, SlidingPaneLayout for fragments (hinge-aware), and a two‑pane accompanist composable plus lazy grids or RecyclerView (240dp min column) to change column counts; resource qualifiers should use width not smallestWidth; samples on GitHub run and demonstrate working adaptive UIs. Activity Embedding two-pane composable
AI-written summary · about
chapters (9)
- 0:00Intro
- 0:51Large Screen App Quality Tiers
- 1:01Canonical Layouts
- 3:37Window Size Classes
- 7:41Activity Embedding Configuration
- 8:41SlidingPaneLayout
- 12:04Resource Qualifiers
- 15:55Feed Column Logic - Compose
- 17:03Feed Column Logic - Views
related talks
18mCanonical layouts and visual hierarchy: Designing for larger screens
14mDesigning apps for large screens
14mImplementing Android apps for all screen sizes
26mMaking Apps adaptive with Material and Compose
22mLearn how to update your app for the larger screen
40mAndroid Design for UI Developers
39mFinding Success on Large Screens and Foldables
21mPractical edge-to-edge: A Complete Walkthrough