Upgrade to Pro — share decks privately, control downloads, hide ads and more …
Sign up for free

[shibuya.apk #13] Android WearのWatch Faceの作り方

Avatar for syarihu syarihu
March 24, 2017
Programming
850
0

[shibuya.apk #13] Android WearのWatch Faceの作り方

shibuya.apk #13で発表した「Android WearのWatch Faceの作り方」の資料です。

Avatar for syarihu

syarihu

March 24, 2017

More Decks by syarihu

See All by syarihu
[DroidKaigi 2026] Making UI specifications visible: Android UI development in the AI agent era supported by Compose Screenshot Testing and galleries
Avatar for syarihu syarihu
0
980
Recap #io25 What's new in Google Play
Avatar for syarihu syarihu
0
160
[DroidKaigi 2024] Android ViewからJetpack Composeへ 〜Jetpack Compose移行のすゝめ〜 / From Android View to Jetpack Compose: A Guide to Migration
Avatar for syarihu syarihu
4
5.4k
[shibuya.apk #46] Composableの枠を超えてアニメーションする / Animation beyond Composable
Avatar for syarihu syarihu
0
170
[shibuya.apk #41] Jetpack Composeでグリッドに柔軟にスペースを入れたい
Avatar for syarihu syarihu
0
3.7k
[DroidKaigi 2022] 詳解Google Playの新しい定期購入 ~オファーの活用や実装例を添えて~
Avatar for syarihu syarihu
0
4k
5分で分かるGoogle Playの新しいサブスクリプション / Google Play new subscription 2022
Avatar for syarihu syarihu
1
2k
[DroidKaigi 2021] Google Play 定期購入 比例配分モード完全攻略ガイド / Google Play Subscription Proration Mode Complete Guide
Avatar for syarihu syarihu
1
8.2k
[Money Forward Tech Drive] What's new in Google Play [Recap #io21]
Avatar for syarihu syarihu
0
680

Other Decks in Programming

See All in Programming
Zero-Tap Sign-In対応、結局何をすればいいの？
Avatar for mitohato14 mitohato14
0
760
sbt 2.0: takeoff
Avatar for Eugene Yokota eed3si9n
0
170
When benchmarks go bad - what I learned from measuring performance wrong
Avatar for Holly Cummins hollycummins
0
240
コーディング自動化の次へ。人の介入をゼロにするファクトリーとサポートAIによる実践
Avatar for Seiji Takahashi timakin
5
4.7k
GraphQL の onError と Nullability のこれから
Avatar for Yosuke Kurami quramy
0
180
AI-Powered Domain-Driven Design
Avatar for Alberto Brandolini ziobrando
0
320
Coding with AI: How to trust the storyteller (AWS Community Day Adria, Ljubljana 2026)
Avatar for Slobodan Stojanović slobodan
0
120
学びを記事・スライド・Xへ高速展開する― AI-assisted Learning Loopで回すコンテンツ生成術
Avatar for Ochtum ochtum
0
140
golang-bob.pdf
Avatar for Yura Iwatsuka iwatsukayura
0
140
[2026-10-14](C)Re:ゼロから始める異世界生活〜始まりの終わりと終わりの始まり〜
Avatar for tosite tosite
0
160
Lambda durable functionsでHuman in the Loopを楽に…楽に……
Avatar for Har1101 har1101
1
200
Compiling a real-world CLI tool to native with Static Hermes
Avatar for Tzvetan Mikov tmikov2023
0
130

Featured

See All Featured
Embracing the Ebb and Flow
Avatar for Simon Collison colly
88
5.2k
How to build an LLM SEO readiness audit: a practical framework
Avatar for Nick Samuel nmsamuel
2
960
How STYLIGHT went responsive
Avatar for nonsquared nonsquared
100
6.3k
AI in Enterprises - Java and Open Source to the Rescue
Avatar for ivargrimstad ivargrimstad
0
1.6k
What’s in a name? Adding method to the madness
Avatar for The Alliance productmarketing
PRO
24
4.2k
Distributed Sagas: A Protocol for Coordinating Microservices
Avatar for Caitie McCaffrey caitiem20
333
23k
Jamie Indigo - Trashchat’s Guide to Black Boxes: Technical SEO Tactics for LLMs
Avatar for Tech SEO Connect techseoconnect
PRO
0
710
Kristin Tynski - Automating Marketing Tasks With AI
Avatar for Tech SEO Connect techseoconnect
PRO
0
560
Java REST API Framework Comparison - PWX 2021
Avatar for Matt Raible mraible
34
9.8k
Ecommerce SEO: The Keys for Success Now & Beyond - #SERPConf2024
Avatar for Aleyda Solis aleyda
1
2.2k
Agile that works and the tools we love
Avatar for Rasmus Luckow-Nielsen rasmusluckow
331
22k
Art, The Web, and Tiny UX
Avatar for Lynn Fisher lynnandtonic
304
22k

Transcript

  1. Android Wearの Watch Faceの作り方 shibuya.apk #13 2017/03/24 (Fri.) @syarihu

  2. Taichi Sato (@syarihu) • エンジニア ◦ Androidアプリ ◦ サーバーサイドアプリ (Java)

    • GMO Media, inc.

  3. Watch Faceとは • Android Wearでは時計の文字盤の デザインを変更することができる • この文字盤、つまり腕時計の顔の ことをWatch Faceと呼ぶ

  4. Watch Faceを作ってみる • 普通のデジタル時計 • アンビエントモードに変わった時に背景 色が変わるようにする

  5. アンビエントモード • Android Wearの画面をタップしてからし ばらく経つと暗くなる • その暗くなった状態をアンビエントモード と言う ◦ 電池節約してる状態

  6. Watch Faceの作り方

  7. プロジェクトの作成

  8. プロジェクトの作成

  9. プロジェクトの作成

  10. プロジェクトの作成

  11. WatchFaceService の作成

  12. WatchFaceService の作成

  13. WatchFaceService の作成

  14. WatchFaceService の作成

  15. 初期化処理

  16. 初期化処理

  17. 時計の描画

  18. 時計の描画

  19. 時計の描画

  20. アンビエントモード

  21. アンビエントモード

  22. アンビエントモード

  23. 時間が変わったときの処理 • 時間が変わった時には onTimeTick というメソッドが呼ばれる

  24. onTimeTickが呼ばれる条件 • アンビエントモードとインタラクティブ モードで少なくとも1分に1回 • 日付または時刻が変わった時 • タイムゾーンが変わった時

  25. 時間が変わった時の処理

  26. AndroidManifest.xml

  27. AndroidManifest.xml

  28. watch_face.xml

  29. デモ

  30. GitHub • syarihu / WatchFaceSample https://github.com/syarihu/WatchFa ceSample

  31. Qiita • Android WearのWatch Faceの作り方 http://qiita.com/syarihu/items/56bfc c247768d892d4fa

  32. 自分オリジナルのWatch Faceを 作ってみてください！

  33. ありがとうございました