Upgrade to Pro
— share decks privately, control downloads, hide ads and more …
Speaker Deck
Features
Speaker Deck
PRO
Sign in
Sign up for free
Search
Search
[shibuya.apk #13] Android WearのWatch Faceの作り方
Search
Sponsored
·
SiteGround - Reliable hosting with speed, security, and support you can count on.
→
syarihu
March 24, 2017
Programming
830
0
Share
[shibuya.apk #13] Android WearのWatch Faceの作り方
shibuya.apk #13で発表した「Android WearのWatch Faceの作り方」の資料です。
syarihu
March 24, 2017
More Decks by syarihu
See All by syarihu
Recap #io25 What's new in Google Play
syarihu
0
110
[DroidKaigi 2024] Android ViewからJetpack Composeへ 〜Jetpack Compose移行のすゝめ〜 / From Android View to Jetpack Compose: A Guide to Migration
syarihu
4
4.9k
[shibuya.apk #46] Composableの枠を超えてアニメーションする / Animation beyond Composable
syarihu
0
110
[shibuya.apk #41] Jetpack Composeでグリッドに柔軟にスペースを入れたい
syarihu
0
3.5k
[DroidKaigi 2022] 詳解Google Playの新しい定期購入 ~オファーの活用や実装例を添えて~
syarihu
0
3.9k
5分で分かるGoogle Playの新しいサブスクリプション / Google Play new subscription 2022
syarihu
1
2k
[DroidKaigi 2021] Google Play 定期購入 比例配分モード完全攻略ガイド / Google Play Subscription Proration Mode Complete Guide
syarihu
1
8.1k
[Money Forward Tech Drive] What's new in Google Play [Recap #io21]
syarihu
0
620
[Android 11 Meetups] Google Play Commerce からのアップデート / Android 11 Meetups Google Play Commerce
syarihu
4
3k
Other Decks in Programming
See All in Programming
モックわからないマン卒業記 ~振る舞いを起点に見直した、フロントエンドテストにおけるモックの使いどころ~
tasukuwatanabe
3
440
The free-lunch guide to idea circularity
hollycummins
0
390
Symfonyの特性(設計思想)を手軽に活かす特性(trait)
ickx
0
110
今こそ押さえておきたい アマゾンウェブサービス(AWS)の データベースの基礎 おもクラ #6版
satoshi256kbyte
1
220
RSAが破られる前に知っておきたい 耐量子計算機暗号(PQC)入門 / Intro to PQC: Preparing for the Post-RSA Era
mackey0225
3
100
The Past, Present, and Future of Enterprise Java
ivargrimstad
0
1.2k
AI Assistants for YourAngular Solutions @Angular Graz, March 2026
manfredsteyer
PRO
0
130
Symfony + NelmioApiDocBundle を使った スキーマ駆動開発 / Schema Driven Development with NelmioApiDocBundle
okashoi
0
250
forteeの改修から振り返るPHPerKaigi 2026
muno92
PRO
3
100
テレメトリーシグナルが導くパフォーマンス最適化 / Performance Optimization Driven by Telemetry Signals
seike460
PRO
2
200
AI 開発合宿を通して得た学び
niftycorp
PRO
0
180
Nuxt Server Components
wattanx
0
230
Featured
See All Featured
AI in Enterprises - Java and Open Source to the Rescue
ivargrimstad
0
1.2k
Organizational Design Perspectives: An Ontology of Organizational Design Elements
kimpetersen
PRO
1
660
How To Stay Up To Date on Web Technology
chriscoyier
790
250k
Hiding What from Whom? A Critical Review of the History of Programming languages for Music
tomoyanonymous
2
620
Building Applications with DynamoDB
mza
96
7k
Lessons Learnt from Crawling 1000+ Websites
charlesmeaden
PRO
1
1.2k
Stewardship and Sustainability of Urban and Community Forests
pwiseman
0
170
Music & Morning Musume
bryan
47
7.1k
Git: the NoSQL Database
bkeepers
PRO
432
67k
Keith and Marios Guide to Fast Websites
keithpitt
413
23k
The Pragmatic Product Professional
lauravandoore
37
7.2k
How to train your dragon (web standard)
notwaldorf
97
6.6k
Transcript
Android Wearの Watch Faceの作り方 shibuya.apk #13 2017/03/24 (Fri.) @syarihu
Taichi Sato (@syarihu) • エンジニア ◦ Androidアプリ ◦ サーバーサイドアプリ (Java)
• GMO Media, inc.
Watch Faceとは • Android Wearでは時計の文字盤の デザインを変更することができる • この文字盤、つまり腕時計の顔の ことをWatch Faceと呼ぶ
Watch Faceを作ってみる • 普通のデジタル時計 • アンビエントモードに変わった時に背景 色が変わるようにする
アンビエントモード • Android Wearの画面をタップしてからし ばらく経つと暗くなる • その暗くなった状態をアンビエントモード と言う ◦ 電池節約してる状態
Watch Faceの作り方
プロジェクトの作成
プロジェクトの作成
プロジェクトの作成
プロジェクトの作成
WatchFaceService の作成
WatchFaceService の作成
WatchFaceService の作成
WatchFaceService の作成
初期化処理
初期化処理
時計の描画
時計の描画
時計の描画
アンビエントモード
アンビエントモード
アンビエントモード
時間が変わったときの処理 • 時間が変わった時には onTimeTick というメソッドが呼ばれる
onTimeTickが呼ばれる条件 • アンビエントモードとインタラクティブ モードで少なくとも1分に1回 • 日付または時刻が変わった時 • タイムゾーンが変わった時
時間が変わった時の処理
AndroidManifest.xml
AndroidManifest.xml
watch_face.xml
デモ
GitHub • syarihu / WatchFaceSample https://github.com/syarihu/WatchFa ceSample
Qiita • Android WearのWatch Faceの作り方 http://qiita.com/syarihu/items/56bfc c247768d892d4fa
自分オリジナルのWatch Faceを 作ってみてください!
ありがとうございました