androidwearアプリ hands on

30
AndroidWear アプリを作ってみる

Upload: kenz-matsuoka

Post on 09-May-2015

574 views

Category:

Technology


3 download

DESCRIPTION

AndroidWearアプリを作るためのHands on用資料です。 環境構築からライブラリを使ったNotificcationの通達までを行います。 この資料は主に講師の人が説明しながら受講者が開発することを想定して作られています。 より細かな説明を見ながら独習する場合はFirespeedの記事を参照して下さい http://firespeed.org/diary.php?diary=kenz-1698 Google Drive版は以下のURLにあります。 https://docs.google.com/presentation/d/1m1vKVc5ES9xK5exPoSnUXoqmu13nXkiRY4uuZFKjZcs/edit?usp=sharing

TRANSCRIPT

Page 1: AndroidWearアプリ Hands on

AndroidWearアプリを作ってみる

Page 2: AndroidWearアプリ Hands on

必要な物JDK

AndroidStudio Android Wear Preview betaアプリインストール済み端末

wearable-preview-support.zip AndroidWearエミュレータ

一度アプリを起動して通知を受け取れるようにしておく

Page 3: AndroidWearアプリ Hands on

開発環境の確認

22.6以上Android Wear ARM

EABI v7a System Image

Page 4: AndroidWearアプリ Hands on

エミュレータの作成

4.4.2以上

Android Wear

AndroidWear

Snapshot

Page 5: AndroidWearアプリ Hands on

エミュレータ実行

デバイスが繋がって いない

Page 6: AndroidWearアプリ Hands on

エミュレータ接続Android Wear Preview betaアプリを

インストール済みの端末と 開発PCをUSBで接続する

!

Android SDKがインストールされているパスにて adb -d forward tcp:5601 tcp:5601

Page 7: AndroidWearアプリ Hands on

エミュレータ実行

デバイスが接続された

Page 8: AndroidWearアプリ Hands on

新しいProjectの作成ご自由に

Android4.4を選択

Android4.0を選択

Create Activityのみチェック

Page 9: AndroidWearアプリ Hands on

新しいプロジェクトの作成

BlankActivity を選択

Page 10: AndroidWearアプリ Hands on

Finish

新しいプロジェクトの作成

Page 11: AndroidWearアプリ Hands on

wearable-preview-supportの配置wearable-preview-support.zipを解凍する

Project直下にlibsフォルダを作りwearable-preview-support.jarを入れる

Page 12: AndroidWearアプリ Hands on

build.gradleの修正モジュール内のbuild.gradleを開く wearable-preview-support.jarと

Android support-v4の依存ルールを追加する

dependencies { compile 'com.android.support:support-v4:+' compile files(‘../libs/wearable-preview-support.jar') }

Page 13: AndroidWearアプリ Hands on

Sync Project with Gradle の実行

Page 14: AndroidWearアプリ Hands on

レイアウトの作成activity_main.xmlにボタンを追加する

Page 15: AndroidWearアプリ Hands on

通知アイコンの作成resを右クリックし Image Assetを選択

NotificationIconsを選択

お好み

Page 16: AndroidWearアプリ Hands on

通知アイコンの作成

Finish

Page 17: AndroidWearアプリ Hands on

MainActivityの修正src\main\java\<package>\MainActivityに

Importを追加する

import android.preview.support.wearable.notifications.*; import android.preview.support.v4.app.NotificationManagerCompat; import android.support.v4.app.NotificationCompat;

通常は自動Import(CMD+ENTER)で良いが、 Notification周りは

SupportLibraryと通常のAPIを混同しないよう明記する

Page 18: AndroidWearアプリ Hands on

View.OnclickListenerを実装する

OnClickListenerの実装方法はお好みでどうぞ public class MainActivity extends Activity implements View.OnClickListener {

MainActivityの修正

Page 19: AndroidWearアプリ Hands on

MainActivityの修正Buttonを取得してView.OnClickListenerを登録する

private Button mButton;

mButton = (Button) findViewById(R.id.button); mButton.setOnClickListener(this);

Page 20: AndroidWearアプリ Hands on

Click時のイベントを実装する

MainActivityの修正

Page 21: AndroidWearアプリ Hands on

アプリの実行

ボタンを押すと

Page 22: AndroidWearアプリ Hands on

アプリの実行

通知が発生

Page 23: AndroidWearアプリ Hands on

アプリの実行

同時にWearにも表示

Page 24: AndroidWearアプリ Hands on

アプリの実行

スマートフォンのアプリは終了しておく

Page 25: AndroidWearアプリ Hands on

アプリの実行

上方向にスワイプして

Page 26: AndroidWearアプリ Hands on

アプリの実行

左方向にスワイプするとOpenが表示される

Page 27: AndroidWearアプリ Hands on

Openを押すとPendingIntentが発行され MainActivityが開く

アプリの実行

Page 28: AndroidWearアプリ Hands on

Activityを開く以外の アクションも追加可能

アプリの実行

Page 29: AndroidWearアプリ Hands on

今回紹介できていない内容

アクションボタンの追加、BigViewの追加 参考URL:http://firespeed.org/diary.php?diary=kenz-1702

音声入力の受信(キーボードによる操作) 参考URL:http://firespeed.org/diary.php?diary=kenz-1703

ページの追加 参考URL:http://firespeed.org/diary.php?diary=kenz-1704

Stackの追加 参考URL:http://firespeed.org/diary.php?diary=kenz-1705

Page 30: AndroidWearアプリ Hands on

まだ公開されていないAPI

CueCard関連 音声入力関連