Upgrade to Pro — share decks privately, control downloads, hide ads and more …
Sign up for free

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

Sponsored · Ship Features Fearlessly Turn features on and off without deploys. Used by thousands of Ruby developers. →
Avatar for syarihu syarihu
March 24, 2017
Programming
850
0

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

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

Avatar for syarihu

syarihu

March 24, 2017

More Decks by syarihu

See All by syarihu
[DroidKaigi 2026] Making UI specifications visible: Android UI development in the AI agent era supported by Compose Screenshot Testing and galleries
Avatar for syarihu syarihu
0
630
Recap #io25 What's new in Google Play
Avatar for syarihu syarihu
0
150
[DroidKaigi 2024] Android ViewからJetpack Composeへ 〜Jetpack Compose移行のすゝめ〜 / From Android View to Jetpack Compose: A Guide to Migration
Avatar for syarihu syarihu
4
5.3k
[shibuya.apk #46] Composableの枠を超えてアニメーションする / Animation beyond Composable
Avatar for syarihu syarihu
0
150
[shibuya.apk #41] Jetpack Composeでグリッドに柔軟にスペースを入れたい
Avatar for syarihu syarihu
0
3.6k
[DroidKaigi 2022] 詳解Google Playの新しい定期購入 ~オファーの活用や実装例を添えて~
Avatar for syarihu syarihu
0
4k
5分で分かるGoogle Playの新しいサブスクリプション / Google Play new subscription 2022
Avatar for syarihu syarihu
1
2k
[DroidKaigi 2021] Google Play 定期購入 比例配分モード完全攻略ガイド / Google Play Subscription Proration Mode Complete Guide
Avatar for syarihu syarihu
1
8.2k
[Money Forward Tech Drive] What's new in Google Play [Recap #io21]
Avatar for syarihu syarihu
0
660

Other Decks in Programming

See All in Programming
AIエージェント時代のコードレビューを設計する
Avatar for nogu nogu66
6
2.6k
How I Stole PSI from Android Studio - DroidKaigi2026
Avatar for JunRong Tan worker8
0
110
20260828_品質と開発生産性を両立させる、AI時代のE2Eテストの考え方
Avatar for MagicPod magicpod
0
190
Swift愛好会100回記念 第1回を振り返る
Avatar for jollyjoester jollyjoester
0
120
変化を抱擁するドキュメントの作り方 - ビジネスルール駆動開発がもたらす、コードとの新しい関係
Avatar for ioki ioki
2
150
tsc.rip を支える技術 / Kyoto.なんか #8
Avatar for Susisu susisu
0
4.4k
Go × SIMDで高速化するベクトル検索 ~ルーフラインモデルでSIMDが効く境界を探れ！ ~
Avatar for po3rin po3rin
1
240
AIを上手に使っていこうとしたら越境せざるを得なくなった話 〜実践1年で見えた境界を越えなければならない理由と進め方〜 / Crossing borders with AI
Avatar for TomoyaKitaura tomoyakitaura
4
1.1k
初心者DevRelとして参加者だった私が、DevRel Talks!#2に登壇するまでにしてきたこと
Avatar for Rai sokohirai
0
360
AGENTS.md Is Not Enough: Build Skills, Don't Download Them
Avatar for Alex T lx_t
0
100
ソフトウェアラスタライザ
Avatar for Fadis fadis
1
800
一参加者から『中の人』へ 〜全通PHPerがブースに立って学んだ、カンファレンスを100倍楽しむコツ〜
Avatar for 藤掛大介 wp_daisuke
0
140

Featured

See All Featured
The Anti-SEO Checklist Checklist. Pubcon Cyber Week
Avatar for Ryan Jones ryanjones
0
230
Typedesign – Prime Four
Avatar for Hannes Fritz hannesfritz
42
3.2k
Building AI with AI
Avatar for Ines Montani inesmontani
PRO
1
1.2k
JAMstack: Web Apps at Ludicrous Speed - All Things Open 2022
Avatar for David Neal reverentgeek
1
590
Avoiding the “Bad Training, Faster” Trap in the Age of AI
Avatar for Mike Taylor tmiket
0
230
Evolving SEO for Evolving Search Engines
Avatar for Ryan Jones ryanjones
0
280
Jamie Indigo - Trashchat’s Guide to Black Boxes: Technical SEO Tactics for LLMs
Avatar for Tech SEO Connect techseoconnect
PRO
0
660
End of SEO as We Know It (SMX Advanced Version)
Avatar for Michael King ipullrank
3
4.4k
Marketing to machines
Avatar for Jono Alderson jonoalderson
1
5.8k
Deep Space Network (abreviated)
Avatar for Tony Rice tonyrice
0
300
The MySQL Ecosystem @ GitHub 2015
Avatar for Sam Lambert samlambert
251
13k
KATA
Avatar for Megan Lloyd mclloyd
PRO
35
15k

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