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

Da5a59469ce3ebb55619ce34f85f8c4f?s=47 syarihu
March 24, 2017

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

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

Da5a59469ce3ebb55619ce34f85f8c4f?s=128

syarihu

March 24, 2017
Tweet

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