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
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
[DroidKaigi 2024] Android ViewからJetpack Composeへ 〜Jetpack Compose移行のすゝめ〜 / From Android View to Jetpack Compose: A Guide to Migration
syarihu
3
3.2k
[shibuya.apk #46] Composableの枠を超えてアニメーションする / Animation beyond Composable
syarihu
0
46
[shibuya.apk #41] Jetpack Composeでグリッドに柔軟にスペースを入れたい
syarihu
0
3.1k
[DroidKaigi 2022] 詳解Google Playの新しい定期購入 ~オファーの活用や実装例を添えて~
syarihu
0
3.5k
5分で分かるGoogle Playの新しいサブスクリプション / Google Play new subscription 2022
syarihu
1
1.8k
[DroidKaigi 2021] Google Play 定期購入 比例配分モード完全攻略ガイド / Google Play Subscription Proration Mode Complete Guide
syarihu
1
7.7k
[Money Forward Tech Drive] What's new in Google Play [Recap #io21]
syarihu
0
570
[Android 11 Meetups] Google Play Commerce からのアップデート / Android 11 Meetups Google Play Commerce
syarihu
4
2.8k
[potatotips #70] license-list-pluginを使ってOSSライセンス画面を自動生成する / license-list-plugin
syarihu
4
4.7k
Other Decks in Programming
See All in Programming
Bedrock×MCPで社内ブログ執筆文化を育てたい!
har1101
6
880
マルチアカウント環境での、そこまでがんばらない RI/SP 運用設計
wa6sn
0
710
DataStoreをテストする
mkeeda
0
280
Day0 初心者向けワークショップ実践!ソフトウェアテストの第一歩
satohiroyuki
0
830
AIコーディングワークフローの試行 〜AIエージェント×ワークフローでの自動化を目指して〜
rkaga
2
3.3k
リストビュー画面UX改善の振り返り
splcywolf
0
130
SQL Server ベクトル検索
odashinsuke
0
160
custom_lintで始めるチームルール管理
akaboshinit
0
200
サービスクラスのありがたみを発見したときの思い出 #phpcon_odawara
77web
4
630
Kamal 2 – Get Out of the Cloud
aleksandrov
1
170
新しいPHP拡張モジュールインストール方法「PHP Installer for Extensions (PIE)」を使ってみよう!
cocoeyes02
0
340
エンジニア未経験が最短で戦力になるためのTips
gokana
0
260
Featured
See All Featured
Code Review Best Practice
trishagee
67
18k
StorybookのUI Testing Handbookを読んだ
zakiyama
29
5.6k
Making the Leap to Tech Lead
cromwellryan
133
9.2k
ピンチをチャンスに:未来をつくるプロダクトロードマップ #pmconf2020
aki_iinuma
119
51k
Unsuck your backbone
ammeep
670
57k
A Tale of Four Properties
chriscoyier
158
23k
Making Projects Easy
brettharned
116
6.1k
Docker and Python
trallard
44
3.3k
Done Done
chrislema
183
16k
4 Signs Your Business is Dying
shpigford
183
22k
Practical Orchestrator
shlominoach
186
10k
BBQ
matthewcrist
88
9.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を 作ってみてください!
ありがとうございました