Building Responsive UIs for tablets, foldables, and other devices
summary
Concrete migration recipes for large screens: use Activity Embedding (Android 12L, backward compatible) to show two activities side‑by‑side with configurable splits (default 50/50, you can set 30/70) and automatic resizing, or use SlidingPaneLayout for single‑activity apps to get two panes with two backstacks and automatic one↔two‑pane adaptation; use Jetpack App Startup to apply split config early, move FABs and toolbars into fragment views, and in Compose use Material3 window size classes and the TwoPane composable to toggle list/detail at 600/840 dp breakpoints.
AI-written summary · about
chapters (7)
- 0:00Introduction to responsive UIs
- 4:25Large screen device categories
- 7:31Core layout paradigms
- 9:15Implementing list detail with activities
- 18:28List detail with fragments and SlidingPaneLayout
- 31:50List detail in Jetpack Compose
- 36:47Wrap-up and resources
related talks
34mResponsive UIs for tablets, foldables, and other devices.
28mBuilding an app for the Multi-Device world
18mCanonical layouts and visual hierarchy: Designing for larger screens
33mOptimize your app for large screens
51mBuild Responsive UI in Android
01h 21mEnhance your single screen designed-app to make it shine on foldable devices
40mOptimize your app for large screens
14mImplementing Android apps for all screen sizes