Upgrade to Pro — share decks privately, control downloads, hide ads and more …

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

Sponsored · SiteGround - Reliable hosting with speed, security, and support you can count on. →
Avatar for syarihu syarihu
March 24, 2017
Programming
830
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
Recap #io25 What's new in Google Play
Avatar for syarihu syarihu
0
110
[DroidKaigi 2024] Android ViewからJetpack Composeへ 〜Jetpack Compose移行のすゝめ〜 / From Android View to Jetpack Compose: A Guide to Migration
Avatar for syarihu syarihu
4
4.9k
[shibuya.apk #46] Composableの枠を超えてアニメーションする / Animation beyond Composable
Avatar for syarihu syarihu
0
110
[shibuya.apk #41] Jetpack Composeでグリッドに柔軟にスペースを入れたい
Avatar for syarihu syarihu
0
3.5k
[DroidKaigi 2022] 詳解Google Playの新しい定期購入 ~オファーの活用や実装例を添えて~
Avatar for syarihu syarihu
0
3.9k
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.1k
[Money Forward Tech Drive] What's new in Google Play [Recap #io21]
Avatar for syarihu syarihu
0
620
[Android 11 Meetups] Google Play Commerce からのアップデート / Android 11 Meetups Google Play Commerce
Avatar for syarihu syarihu
4
3k

Other Decks in Programming

See All in Programming
モックわからないマン卒業記 ~振る舞いを起点に見直した、フロントエンドテストにおけるモックの使いどころ~
Avatar for Tasuku Watanabe tasukuwatanabe
3
440
The free-lunch guide to idea circularity
Avatar for Holly Cummins hollycummins
0
390
Symfonyの特性(設計思想)を手軽に活かす特性(trait)
Avatar for ICKX ickx
0
110
今こそ押さえておきたい アマゾンウェブサービス（AWS）の データベースの基礎 おもクラ #6版
Avatar for Satoshi Kaneyasu satoshi256kbyte
1
220
RSAが破られる前に知っておきたい 耐量子計算機暗号(PQC)入門 / Intro to PQC: Preparing for the Post-RSA Era
Avatar for mackey0225 mackey0225
3
100
The Past, Present, and Future of Enterprise Java
Avatar for ivargrimstad ivargrimstad
0
1.2k
AI Assistants for Your Angular Solutions @Angular Graz, March 2026
Avatar for Manfred Steyer manfredsteyer
PRO
0
130
Symfony + NelmioApiDocBundle を使った スキーマ駆動開発 / Schema Driven Development with NelmioApiDocBundle
Avatar for Shohei Okada okashoi
0
250
forteeの改修から振り返るPHPerKaigi 2026
Avatar for muno92 muno92
PRO
3
100
テレメトリーシグナルが導くパフォーマンス最適化 / Performance Optimization Driven by Telemetry Signals
Avatar for shiro seike seike460
PRO
2
200
AI 開発合宿を通して得た学び
Avatar for ニフティ株式会社 niftycorp
PRO
0
180
Nuxt Server Components
Avatar for wattanx wattanx
0
230

Featured

See All Featured
AI in Enterprises - Java and Open Source to the Rescue
Avatar for ivargrimstad ivargrimstad
0
1.2k
Organizational Design Perspectives: An Ontology of Organizational Design Elements
Avatar for Dr. Kim W Petersen kimpetersen
PRO
1
660
How To Stay Up To Date on Web Technology
Avatar for Chris Coyier chriscoyier
790
250k
Hiding What from Whom? A Critical Review of the History of Programming languages for Music
Avatar for Tomoya Matsuura tomoyanonymous
2
620
Building Applications with DynamoDB
Avatar for Matt Wood mza
96
7k
Lessons Learnt from Crawling 1000+ Websites
Avatar for Charles Meaden charlesmeaden
PRO
1
1.2k
Stewardship and Sustainability of Urban and Community Forests
Avatar for Eric Wiseman pwiseman
0
170
Music & Morning Musume
Avatar for Bryan Veloso bryan
47
7.1k
Git: the NoSQL Database
Avatar for Brandon Keepers bkeepers
PRO
432
67k
Keith and Marios Guide to Fast Websites
Avatar for Keith Pitt keithpitt
413
23k
The Pragmatic Product Professional
Avatar for Laura Van Doore lauravandoore
37
7.2k
How to train your dragon (web standard)
Avatar for Monica Dinculescu notwaldorf
97
6.6k

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. ありがとうございました