Hands-On Workshop: Developing Dual Screen Experiences
summary
Builds a 10‑item master/detail app in a 1h30 live codelab, then adds dual‑screen support so list stays on the left and details on the right using the Surface Duo emulator. Uses a Maven dependency on SurfaceDuoLayout, replaces the fragment container with two container IDs, shares state with a shared ViewModel so the selected item persists across span/unspan, and verifies behavior with Espresso plus UiAutomator gestures to programmatically span; the enhanced app and tests run successfully.
AI-written summary · about
chapters (7)
- 0:00Introduction and setup
- 2:00Prerequisites and resources
- 8:44Implementing single screen app
- 20:16Enhancing for dual screen
- 56:26Improving dual screen UX
- 1:05:40UI testing for dual screen
- 1:17:39Additional resources and Q&A
related talks
47mDual-Screen and Multi-Modal: Rethinking modern mobile apps
25mIntroduction to dual-screen and foldables development
47mDual-Screen & Multi-Posture: Let’s Rethink Mobile Apps
33mIntroduction to dual-screen and foldables development
39mBring Optimised Experiences to the Big Screen
47mDeveloper's Insight: Transforming Business with DeX
01h 21mEnhance your single screen designed-app to make it shine on foldable devices
19mYour app could use a secondary screen!