Tackling Newspaper-Style UI in Jetpack Compose — Three Walls: Complex Gestures, Polygon Article Regions, and Adaptive Page Layouts
summary
An implementation-focused talk about building a newspaper-page UI with Jetpack Compose, addressing three technical challenges: resolving gesture conflicts so paging, pinch-zoom and double-tap work together inside a pager; hit-testing polygonal article regions and rendering a spotlight effect with correct coordinate transforms during zoom; and designing adaptive page layouts that handle different media paging directions and two-page spreads in landscape. The talk explains gesture decision control and zoom animation approaches, polygon hit-test and spotlight drawing strategies, and how to manage per-medium paging/layout changes in Compose, comparing results to View/XML implementations.
AI-written summary · about
chapters (8)
- 0:00Newspaper UI in Compose
- 1:34Compose newspaper viewer
- 2:59Complex gestures
- 14:31Pinch zoom
- 16:17Zoom pan fling
- 21:59Polygon hit detection
- 31:33Two-page layout LTR
- 35:25Summary
related talks
31mDesigning Media Friendly Jetpack Compose Components
38mImplementing That Common UI in Jetpack Compose: X Ways
40mExploration of Touch & Input in Jetpack Compose
39mUnderstand touch event mechanics and master gestures
18mCompose: Implementing responsive UI for larger screens
43mBuilding Accessible Apps with Jetpack Compose
38mExploration of Touch & Input in Jetpack Compose
36mPractical implementations of powerful UI expressions using Jetpack Compose