Prototyping with Jetpack Compose
summary
Prototype implements a playable Jetpack Compose mini crossword: a functional 5x5 mini crossword rendered from a simple board model, with scalable centered letters, numbered corner cells, and navigation via click and keyboard. It uses Compose canvas drawing, widthDensity conversion to handle dp↔px for stroke widths, a stacked layout for overlays, and a strike-through for wrong answers when users check work. The prototype runs in the emulator, supports typing, checking, and cursor movement.
AI-written summary · about
chapters (14)
- 0:00Introduction and background
- 1:40Maker Week and Jetpack Compose
- 3:46Building puzzle squares
- 6:56Adding cursors and colors
- 8:45Scaling text in squares
- 12:17Adding numbers to squares
- 13:46Implementing strikeout feature
- 18:02Creating the crossword grid
- 24:28Adding borders to the board
- 26:56Incorporating clues
- 28:22Enabling user interaction
- 29:52Typing and solving the puzzle
- 30:14Checking answers
- 31:40Live demo and summary
related talks
45mPrototyping with Jetpack Compose
01h 12mJetpack Compose — live coding declarative UI
41mCompose by Example
32mJetpack Compose — Next Gen Kotlin UI Toolkit for Android
01h 11mCodelab: Jetpack Compose Basics
34mRetrofitting Legacy Code with Jetpack Compose at Scale
43mBuilding Accessible Apps with Jetpack Compose
34mLearning Jetpack Compose By Example