diff --git a/WearTilesKotlin/README.md b/WearTilesKotlin/README.md index 01bf5d8ca..72ea60ca6 100644 --- a/WearTilesKotlin/README.md +++ b/WearTilesKotlin/README.md @@ -1,7 +1,7 @@ Wear Tiles Sample ================= - +![Tile Messaging Screenshot](screenshots/tile_messaging.png) [Tiles](https://d.android.com/training/wearables/tiles) provide easy access to the information and actions users need in order to get things done. With a simple swipe from the watch face, a user can @@ -9,13 +9,7 @@ find out the latest forecast or start a timer. This repository contains a sample tile built using the [Tiles Material Components](https://developer.android.com/reference/androidx/wear/tiles/material/package-summary) library (for UI) and [Horologist Tiles](https://github.com/google/horologist#-tiles) (preview -utilities and Kotlin-friendly wrappers). - -It also showcases most of the Golden Tile layouts from the [Tiles Design Kit](https://developer.android.com/training/wearables/design/tiles-design-system#tile-templates) -in the `tiles.golden` package of the `debug` sourceset. To see what these look like, open one of the -"GoldenTilesPreviewsRowN" files and choose the "Split" or "Design" editor view. - -Screenshot of Android Studio showing the design view of GoldenTilesPreviewsRow1.kt. A grid view of Wear OS Tiles are displayed. +utilities and Kotlin-friendly wrappers). Get Started ----------- @@ -24,19 +18,42 @@ Build the project from the command line using `./gradlew build` or import it int benefit from the IDE shortcuts like direct surface launching which lets you launch the Messaging tile directly to a device or emulator in just one click. -Layout samples from the Tiles Design Kit can be found in `GoldenTilesPreviewsRow[N].kt`. Open the -file in "Split" or "Design" mode to view the previews without a device or emulator. - For the sample, start with `MessagingTileService.kt`; the layout (with IDE preview) can be found in `MessagingTileLayout.kt`. +Golden Tiles +------------ + +The sample also showcases most of the Golden Tile layouts from the [Tiles Design +Kit](https://developer.android.com/training/wearables/design/tiles-design-system#tile-templates) +in the `tiles.golden` package of the `debug` sourceset; see +`GoldenTilesPreviewsRow[N].kt`. You may find it convenient to start with one of +these layouts rather designing and coding your own from scratch. + +To see what these look like, open one of the "GoldenTilesPreviewsRowN" files and +choose the "Split" or "Design" editor view. + +![Screenshot of Android Studio showing the design view of GoldenTilesPreviewsRow1.kt. A grid view of Wear OS Tiles are displayed.](screenshots/tile_preview_design_view.png) + +`GoldenTilesPreviewsRow1.kt`: + +![Screenshot of Tile previews for goal, workoutButtons, workoutLargeChip, run and ski](screenshots/golden1.png) + +`GoldenTilesPreviewsRow2.kt`: + +![Screenshot of Tile previews for heartRateSample, meditationChips, meditationButtons, timer and alarm](screenshots/golden2.png) + +`GoldenTilesPreviewsRow3.kt`: + +![Screenshot of Tile previews for weather, news, calendar, social and media](screenshots/golden3.png) + Support ------- -- Stack Overflow: https://stackoverflow.com/questions/tagged/wear-os +- Stack Overflow: If you've found an error in this sample, please file an issue: -https://github.com/android/wear-os-samples + Patches are encouraged, and may be submitted by forking this project and submitting a pull request through GitHub. Please see CONTRIBUTING.md for more details. diff --git a/WearTilesKotlin/screenshots/golden1.png b/WearTilesKotlin/screenshots/golden1.png new file mode 100644 index 000000000..bb3734e84 Binary files /dev/null and b/WearTilesKotlin/screenshots/golden1.png differ diff --git a/WearTilesKotlin/screenshots/golden2.png b/WearTilesKotlin/screenshots/golden2.png new file mode 100644 index 000000000..634b1d9fc Binary files /dev/null and b/WearTilesKotlin/screenshots/golden2.png differ diff --git a/WearTilesKotlin/screenshots/golden3.png b/WearTilesKotlin/screenshots/golden3.png new file mode 100644 index 000000000..220b3a878 Binary files /dev/null and b/WearTilesKotlin/screenshots/golden3.png differ