$30 off During Our Annual Pro Sale. View Details »
Speaker Deck
Features
Speaker Deck
PRO
Sign in
Sign up for free
Search
Search
[shibuya.apk #13] Android WearのWatch Faceの作り方
Search
syarihu
March 24, 2017
Programming
0
820
[shibuya.apk #13] Android WearのWatch Faceの作り方
shibuya.apk #13で発表した「Android WearのWatch Faceの作り方」の資料です。
syarihu
March 24, 2017
Tweet
Share
More Decks by syarihu
See All by syarihu
Recap #io25 What's new in Google Play
syarihu
0
72
[DroidKaigi 2024] Android ViewからJetpack Composeへ 〜Jetpack Compose移行のすゝめ〜 / From Android View to Jetpack Compose: A Guide to Migration
syarihu
4
4.1k
[shibuya.apk #46] Composableの枠を超えてアニメーションする / Animation beyond Composable
syarihu
0
77
[shibuya.apk #41] Jetpack Composeでグリッドに柔軟にスペースを入れたい
syarihu
0
3.4k
[DroidKaigi 2022] 詳解Google Playの新しい定期購入 ~オファーの活用や実装例を添えて~
syarihu
0
3.9k
5分で分かるGoogle Playの新しいサブスクリプション / Google Play new subscription 2022
syarihu
1
1.9k
[DroidKaigi 2021] Google Play 定期購入 比例配分モード完全攻略ガイド / Google Play Subscription Proration Mode Complete Guide
syarihu
1
8k
[Money Forward Tech Drive] What's new in Google Play [Recap #io21]
syarihu
0
600
[Android 11 Meetups] Google Play Commerce からのアップデート / Android 11 Meetups Google Play Commerce
syarihu
4
2.9k
Other Decks in Programming
See All in Programming
Evolving NEWT’s TypeScript Backend for the AI-Driven Era
xpromx
0
270
251126 TestState APIってなんだっけ?Step Functionsテストどう変わる?
east_takumi
0
300
テストやOSS開発に役立つSetup PHP Action
matsuo_atsushi
0
140
手軽に積ん読を増やすには?/読みたい本と付き合うには?
o0h
PRO
1
150
AIエンジニアリングのご紹介 / Introduction to AI Engineering
rkaga
3
1.1k
ViewファーストなRailsアプリ開発のたのしさ
sugiwe
0
400
モダンJSフレームワークのビルドプロセス 〜なぜReactは503行、Svelteは12行なのか〜
fuuki12
0
190
30分でDoctrineの仕組みと使い方を完全にマスターする / phpconkagawa 2025 Doctrine
ttskch
3
730
AIコーディングエージェント(Gemini)
kondai24
0
160
ソフトウェア設計の課題・原則・実践技法
masuda220
PRO
25
21k
ローターアクトEクラブ アメリカンナイト:川端 柚菜 氏(Japan O.K. ローターアクトEクラブ 会長):2720 Japan O.K. ロータリーEクラブ2025年12月1日卓話
2720japanoke
0
530
非同期処理の迷宮を抜ける: 初学者がつまづく構造的な原因
pd1xx
1
600
Featured
See All Featured
Making the Leap to Tech Lead
cromwellryan
135
9.6k
The Pragmatic Product Professional
lauravandoore
37
7.1k
Build your cross-platform service in a week with App Engine
jlugia
234
18k
Java REST API Framework Comparison - PWX 2021
mraible
34
9k
How to Create Impact in a Changing Tech Landscape [PerfNow 2023]
tammyeverts
55
3.1k
Fantastic passwords and where to find them - at NoRuKo
philnash
52
3.5k
A Tale of Four Properties
chriscoyier
162
23k
CoffeeScript is Beautiful & I Never Want to Write Plain JavaScript Again
sstephenson
162
15k
Automating Front-end Workflow
addyosmani
1371
200k
Designing Experiences People Love
moore
142
24k
Documentation Writing (for coders)
carmenintech
76
5.2k
The Hidden Cost of Media on the Web [PixelPalooza 2025]
tammyeverts
1
80
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を 作ってみてください!
ありがとうございました