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

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

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