サンプルアプリから学ぶandroid wear

サンプルアプリから学ぶ Android Wear

自己紹介株式会社 tech vein 代表猪俣充央

Webシステム開発、Android/iOSアプリ開発などなどやっています。

twitter: @ino2222

アジェンダ

• はじめに

• サンプル紹介(17個)

• Android Wear サンプルを動かすための手順

• まとめ

はじめに

• このプレゼンは Android Wear 初心者向きです

• Android Wear 開発未経験者、Wearサンプルをほとんど触ったことがない方が対象になります。

サンプル紹介(17個)

1. AgendaData

• インストール先 … Mobile、Wear 両方

• MobileからWearへ、カレンダーにある次の予定の通知を送るアプリ。

• カレンダーの直近イベントをMobileで取ってきて、Wearに通知する。

• MobileからWearの通知を削除できる。

• wearでも通知を削除できる。

2. DataLayer


• Mobileで写真を撮ってWearに送るアプリ。

• Mobileで写真を撮ってWearに送る。

• 通信中はMobile、Wear両方で通信ログが流れる。

• 撮った写真(Bitmap)をAssetに変換して、DataApiでDataMapとして送信している。

• 大きなサイズの画像データを送るとずっと送信し続けて止まらないのでちょっと焦る。

3. DelayedConfirmation


• Wearの通知からの操作でタイマーを起動して一定時間後にMobileに結果を表示するアプリ。

• MobileからWearのアプリを起動する。

• Wearアプリからスタートボタンをおすと５秒数え、数え終わったらMobile側にToast通知して、自分(Wear)にもnotification表示する。

4. ElizaChat

• インストール先 … Mobile のみ

• Wearを使ってElizaさんとチャットするアプリ。

• 人工無能みたいなElizaさんとWearから音声チャットできるアプリ。

• Mobileからアプリ起動するとWearにnotificationを送って、wearからはnotificationから音声入力で返事をする。そうするとまた母艦から返事がwearに来て…の繰り返し。

• Mobileがチャットログ表示画面、兼、Elizaさん役。

• Elizaさんは決まった質問しか返してくれない。

• Wear側にアプリを入れなくてもここまでできる、というサンプル。

5. EmbeddedApp


• wearアプリをリリースするときのサンプル。

• Mobile アプリを入れたら、繋がってるWearにも自動でアプリインストールさせるサンプル(だと思う)。

• ちゃんとソース追ってないです。ごめんなさい(^_^;)

6. FindMyPhone


• WearからMobileを探せる超便利アプリ。

• wearからアプリを起動して、Mobileのアラームを鳴らしてMobile端末がどこにあるか知らせる。

• Mobileをどこかに忘れた時(BLE通信が切れた時)にWearが振動して知らせてくれる。

• Mobileに入れたサービスで音を鳴らしている。

• いきなり鳴ると結構びっくりするので、ドッキリにもどうぞ。

7. Flashlight

• インストール先 … Wear だけ

• Wearをミニ懐中電灯にするアプリ。

• ライト代わりに白い画面を表示する。

• ページ送り(スワイプ)するとチカチカする画面になる。

• Wearのカスタムビュー実装について学べる。

8. Geofencing


• Geofencingで特定の場所に近づいたらWearに通知表示するアプリ。

• Google Play Services の Geofencing を使ってWearにNotification表示する。

• サンプルソースの定数に登録されている位置情報がGoogle 本社だったりGoogle I/O会場近辺だったりするので、そのままだとアメリカに行かないと動かない。

• Application 側の Constants.java に書いてある緯度経度を触ってうろうろするとよい。

9. GridViewPager


• グリッド構造になった画面(ページ)を縦横に切り替えて表示するサンプル。

• GridViewPagerクラスのサンプル実装

• 上下、左右でグリッド構造のページ(カード)切り替えができたり、背景が切り替わったりする。

• 左端のカードで左に移動するとアプリ終了。

• GridViewPagerの使い方を学べる。

10. JunpingJack


• Wearでジャンプを計測するアプリ。

• ジャンプするとカウントされる。

• めっちゃジャンプしないとカウントしてくれない。

• Wearの重力センサー(TYPE_GRAVITY)を使って検出している。

• 端末のX軸(端末の左右の軸なので腕と平行な方向)しか見ておらず、正負ともにしきい値をこえないとカウントしない激しい仕様。

• 表示されている絵のように腕を振り上げてジャンプするのを想定しているみたい。

11. Notifications


• Mobile側、wear側両方の通知表示サンプルを見られる開発者向け超便利アプリ。

• Mobile側、Wear側両方の通知表示サンプルを見ることができる開発者向けの便利アプリ。

• Notificationでどういう表示ができるかがわかる。

• Wear開発しなくてもAndroid開発するなら入れると便利そう。

12. Quiz


• Wearの操作で答えるクイズゲーム。

• Mobile側が出題者になってクイズを用意する。

• Wear側は回答者で、回答するとMobileに正解かが順次表示されていく。

• クイズは Application/src/main/assets/Quiz.json にあらかじめ書いておいたものが Read quiz from fileボタンで読み込まれる。

13. RecipeAssistant

• インストール先 … Mobile だけ

• Mobileで見ている料理のレシピをWearに送って表示する料理支援アプリ。

• Mobileで見ている料理のレシピをNotificationでWearに通知する。

• 料理のレシピデータはMobileのApplication/src/main/assets内に格納している。

• Wear側に何もインストールしなくてもページャ表示できるよ、っていうサンプル。

• 肉テロアプリ。

14. SkeletonWearableApp


• Mobileなし、Wearだけで色々するサンプル

• 色々(↓)なことがWearだけでできるよっていうサンプル。

• Show Notification

• wearアプリ上からの通知表示、通知からのActivity起動、グリッドビュー表示

• Start Timer(5 sec)

• 画面下部のタイマーがアニメーションする機能。

15. SynchronizedNotifications


• Notification表示先制御のサンプル。

• 通知表示先制御のサンプルアプリ。

• mobile単体への通知、wear単体への通知、両方別々の内容で通知の３パターンを試せる。

• ソースを見たら両方通知はmobile単体通知＋wear単体通知を順番に実行しているだけ。どうなの。

16. Timer


• Intent Filterで標準タイマーを置き換えるサンプル。

• ランチャーはなく、インテントフィルタ―だけしか提供されていない。

• com.android.example.clockwork.timer.TIMER

• android.intent.action.SET_TIMER

• Wearの標準タイマーを起動しようとするとTimerSampleがでてくるようになる。

• アプリとしては使いにくい…

17. WatchViewStab


• 画面の形によってアプリの動作を変えるサンプル。

• android.support.wearable.view.WatchViewStubクラスの利用サンプル。

• 丸い画面か四角い画面かで表示を変える。

• 画面タップしたら画面の形に合わせたアニメーションをする。

• 画面長押ししたら終了ボタンのオーバーレイ(android.support.wearable.view.DismissOverlayView)を出す。

• 新しくWearプロジェクトを作る時にテンプレートでBlank Wear Activityを選ぶとWatchViewStab対応のレイアウトが作成される。

• 画面の形状によって見た目だけでなく処理も分けたい時はこのサンプルを参考にするといいかも。

Android Wear サンプルを動かすための手順

• Android SDK Manager で必要なパッケージをインストールする。 • Android 4.4W(API20) > SDK Platform • Android 4.4W(API20) > Samples for SDK

• Android Studio からImport Project で sdk/samples/android-20/wearable/ 以下のフォルダを開く。

• ターゲット指定でApplication(スマホ向け)やWear(Wear端末向け)を選んで、それぞれ実行する。

• これだけです。簡単ですね。

まとめ• おすすめサンプルはFindMyPhoneとNotificationsの２つ。

• サンプルに外部への通信機能を入れるとか、少し手を加えるだけでも面白いアプリが作れるかも？

• Wear 開発のきっかけとして、サンプルを動かしてみよう。

ご静聴ありがとうございました。

サンプルアプリから学ぶandroid wear

Technology