Successfully reported this slideshow.
We use your LinkedIn profile and activity data to personalize ads and to show you more relevant ads. You can change your ad preferences anytime.

Android Wear How to make watchface project abc2014W

3,094 views

Published on

Published in: Mobile
  • Hi there! I just wanted to share a list of sites that helped me a lot during my studies: .................................................................................................................................... www.EssayWrite.best - Write an essay .................................................................................................................................... www.LitReview.xyz - Summary of books .................................................................................................................................... www.Coursework.best - Online coursework .................................................................................................................................... www.Dissertations.me - proquest dissertations .................................................................................................................................... www.ReMovie.club - Movies reviews .................................................................................................................................... www.WebSlides.vip - Best powerpoint presentations .................................................................................................................................... www.WritePaper.info - Write a research paper .................................................................................................................................... www.EddyHelp.com - Homework help online .................................................................................................................................... www.MyResumeHelp.net - Professional resume writing service .................................................................................................................................. www.HelpWriting.net - Help with writing any papers ......................................................................................................................................... Save so as not to lose
       Reply 
    Are you sure you want to  Yes  No
    Your message goes here
  • Hey guys! Who wants to chat with me? More photos with me here 👉 http://www.bit.ly/katekoxx
       Reply 
    Are you sure you want to  Yes  No
    Your message goes here

Android Wear How to make watchface project abc2014W

  1. 1. Android Wear How to make WatchFace project Android Bazaar and Conference 2014 Winter Goodpatch inc. Hiroshi Hashimoto
  2. 2. 自己紹介 所属:株式会社グッドパッチ 名前:橋本 泰 Twitter:@hi6484 お仕事:Androidの事 最近はWearとか触ってます Facebook:facebook.com/hi6484 (UIデザインの会社です。)
  3. 3. Android Wear Watch Faceの作り方
  4. 4. Android Wear アプリ作ってみました https://play.google.com/store/apps/details?id=com.gp.android.watchface.project
  5. 5. Android Wear Android4.4Wでの簡単な構成 Activity DisplayManager View Implements Canvasを使って書く WatchViewStub
  6. 6. Android Wear 先週の12日の金曜日・・・
  7. 7. Android Wear Android Studio1.0.0とともに….。
  8. 8. Android Wear Android Studio1.0.0とともに….。
  9. 9. Android Wear Android5.0(API Level21) or higher on the wearable device???
  10. 10. Android Wear Create Watch Facesを読み進めて
  11. 11. Android Wear 今までの作り方はダメ・・・。 CanvasWatchFaceService使ってね♪
  12. 12. Android Wear 資料作り直し!!!!
  13. 13. Android Wear How to make WatchFace project for Android5.0.1 Android Bazaar and Conference 2014 Winter Goodpatch inc. Hiroshi Hashimoto
  14. 14. Android5.0.1になって進化した点 Android Wear for 5.0.1
  15. 15. Android5.0.1になって進化した点 ・Trainingが出来て、簡単に作れる ・OSが表示する通知位置が操作可能 ・今までアプリによって、  様々だった作り方が統一された Android Wear for 5.0.1
  16. 16. “CanvasWatchFaceService” を使って作り直してみて Android Wear for 5.0.1
  17. 17. CanvasWatchFaceService CanvasWatchFaceService.Engine Android5.0.1での簡単な構成 Android Wear for 5.0.1 Canvasを使って書く
  18. 18. Application構成 mobile Module wear Module →APKを作成 →APKを作成 Android Wear for 5.0.1
  19. 19. 設定 Gradle mobile build gradle wear build gradle Android Wear for 5.0.1
  20. 20. 設定 Manifest Android Wear for 5.0.1
  21. 21. 設定 Manifest Android Wear for 5.0.1 WatchFace選択時タイトル
  22. 22. 設定 Manifest Android Wear for 5.0.1
  23. 23. 設定 Manifest Android Wear for 5.0.1
  24. 24. 設定 Manifest 勝手に切り抜いてくれるので 1枚の画像でOK Android Wear for 5.0.1
  25. 25. CanvasWatchFaceService onDraw()で ガリガリ描画するのみ Android Wear for 5.0.1
  26. 26. CanvasWatchFaceService Bitmapを描画する canvas.drawBitmap() Android Wear for 5.0.1
  27. 27. CanvasWatchFaceService XMLで描画 + = PNG XML Android Wear for 5.0.1
  28. 28. CanvasWatchFaceService XMLで描画 : XMLを読み込んで描画 LayoutInflaterで読み込んで View.draw(Canvas)で描画 Android Wear for 5.0.1
  29. 29. CanvasWatchFaceService XMLで描画 : XMLを読み込んで描画 XMLで設定していたGravity効かない・・・。 Android Wear for 5.0.1
  30. 30. CanvasWatchFaceService XMLで描画 : XMLを読み込んで描画 Android Studio上ではGravityは効いてるけど Android Wear for 5.0.1
  31. 31. CanvasWatchFaceService XMLで描画 : XMLを読み込んで描画 Gravity効かない!!! Android Wear for 5.0.1
  32. 32. CanvasWatchFaceService canvas.translate()で描画位置指定 XMLで描画 : XMLを読み込んで描画 Android Wear for 5.0.1
  33. 33. CanvasWatchFaceService XMLで描画 : XMLを読み込んで描画 Android Wear for 5.0.1
  34. 34. CanvasWatchFaceService XMLで描画 : XMLを読み込んで描画 Android Wear for 5.0.1 端末解像度幅/2 - 表示レイアウト幅/2 端末解像度高さ/2 - 表示レイアウト高さ/2
  35. 35. 追加機能 作りが悪くAmbientに入った時に色飛びしてた DisplayManager.DisplayListener onScreenDim() Android4.4wではスクリーンの制御を onScreenAwake() Android Wear for 5.0.1
  36. 36. 追加機能 onAmbientModeChanged(boolean inAmbientMode) Android5.0.1では invalidate()で再描画 Android Wear for 5.0.1
  37. 37. 追加機能 通知カード制御 StatusBar制御 Android Wear for 5.0.1
  38. 38. 追加機能 Android4.4wの場合 3rdPartyは制御できず Android Wear for 5.0.1
  39. 39. Android5.0.1 setStatusBarGravity(Gravity gravity) setHotwordIndicatorGravity(Gravity gravity) Android Wear for 5.0.1 setViewProtection(int viewProtection ) 追加機能:StatusBar制御
  40. 40. setStatusBarGravity(Gravity gravity) StatusIconの位置 Android Wear for 5.0.1 追加機能:StatusBar制御
  41. 41. setHotwordIndicatorGravity(Gravity gravity) “Ok Google”の位置 Android Wear for 5.0.1 追加機能:StatusBar制御
  42. 42. setViewProtection(int viewProtection ) 背景の設定 Android Wear for 5.0.1 追加機能:StatusBar制御
  43. 43. setViewProtection(int viewProtection ) 背景の設定 Android Wear for 5.0.1 PROTECT_STATUS_BAR PROTECT_HOTWORD_INDICATOR 追加機能:StatusBar制御
  44. 44. setViewProtection(int viewProtection ) Android Wear for 5.0.1 追加機能:StatusBar制御
  45. 45. setViewProtection(int viewProtection ) Android Wear for 5.0.1 追加機能:StatusBar制御
  46. 46. TOP CENTER BOTTOM Android Wear for 5.0.1 追加機能:StatusBar制御
  47. 47. Android Wear for 5.0.1 setStatusBarGravity(TOP) setHotwordIndicatorGravity(BOTTOM) 追加機能:StatusBar制御
  48. 48. Round Gravity.TOPを指定した場合 Square RoundとSquareで見え方が違う Android Wear for 5.0.1 追加機能:StatusBar制御
  49. 49. Gravity.TOPを指定した場合 RoundとSquareで見え方が違う Gravity.TOP | CENTER Android Wear for 5.0.1 追加機能:StatusBar制御
  50. 50. 追加機能:カード制御 Android5.0.1 setCardPeekMode(int peekMode) Android Wear for 5.0.1
  51. 51. 追加機能:通知カード制御 setCardPeekMode(int peekMode) 通知カードの高さを変更可能 Android Wear for 5.0.1
  52. 52. 追加機能:通知カード制御 setCardPeekMode(int peekMode) PEEK_MODE_SHORT PEEK_MODE_VARIABLE Android Wear for 5.0.1
  53. 53. 追加機能:通知カード制御 getPeekCardPosition() カード状態を確認 描画位置を変更可能 Android Wear for 5.0.1
  54. 54. 追加機能:設定画面 Wear側 Android Wear for 5.0.1
  55. 55. Android Wear for 5.0.1
  56. 56. Android Wear for 5.0.1
  57. 57. 追加機能:設定画面 Wear側 Android Wear for 5.0.1
  58. 58. 追加機能:設定画面 Mobile側の Android Wearアプリ内で表示 Android Wear for 5.0.1
  59. 59. 追加機能:設定画面 Mobile側の Android Wearアプリ内で表示 Android Wear for 5.0.1
  60. 60. 追加機能:設定画面 Mobile側の Android Wearアプリ内で表示 Android Wear for 5.0.1
  61. 61. Android Wear for 5.0.1
  62. 62. リリース mobile Module →Gradleに”wearApp project(‘:wear’)”を追加 Android Wear for 5.0.1 →署名版APKを作成
  63. 63. Android Wear アプリ作ってみました https://play.google.com/store/apps/details?id=com.gp.android.watchface.project
  64. 64. Google Fit
 Developer Challenge
  65. 65. Google Fit Google Fit 開発者チャレンジ https://developers.google.com/fit/challenge/ https://developers.google.com/fit/challenge/
  66. 66. Google Fit 日程
  67. 67. Google Fit ってことで
 Android Wear + Google Fitで何かできないかと
  68. 68. Google Fit とりあえずFitness API使ってみよう
  69. 69. Google Fit プロジェクトを新規作成
  70. 70. Google Fit クライアントIDを作成
  71. 71. Google Fit クライアントIDを作成
  72. 72. Google Fit サンプルコード読みながら歩数を取得
  73. 73. Google Fit サンプルコード読みながら歩数を取得 取得開始時間と終了時間を設定
  74. 74. Google Fit bucketByTime(1, TimeUnit.DAYS) →1日毎の歩数を取得 bucketByTime(7, TimeUnit.DAYS) →7日毎の歩数を取得 歩数は1日単位や1週間単位など好きに取得可能
  75. 75. Google Fit 歩数は1日単位や1週間単位など好きに取得可能 bucketByTime(1, TimeUnit.HOURS) →1時間毎の歩数を取得 bucketByTime(10, TimeUnit.MINUTES) →10分毎の歩数を取得
  76. 76. Google Fit サンプルコード読みながら歩数を取得 List形式で歩数が取得可能
  77. 77. Google Fit サンプルコード読みながら歩数を取得 List形式で歩数が取得可能
  78. 78. Google Fit Google Fit APIとFitアプリの歩数は違う・・・。 Google Fit API Fitアプリ 12/13 12/15 12/14 12/16 6279step 7913step 10719step 7265step 5751step 6426step 10852step 7170step 差分 +528step +1487step -133step +95step
  79. 79. Google Fit 詳しくは下記のサイトに載ってます。 https://developers.google.com/fit/android/get-started
  80. 80. Goodpatchは職種に関係なく皆がフラットな立場で情報交換ができ、Androidエンジニアもアプリケーションに 関するおもしろい情報を常に得ることができます。優秀なUIデザイナーたちと一緒に、アプリケーションのイン タラクションや細部のディテールを詰めながら仕事ができるのはとても魅力だと思います。 WantedlyでAndroidエンジニア募集してます!! https://www.wantedly.com/projects/10537
  81. 81. ご静聴ありがとうございました。

×