本日は、先日の記事を見ながら、実際にプロジェクトを作成して実行してみましょう。
先日はEclipseを使用しましたが、今日はAndroid Studioを使ってみましょう。
http://developer.android.com/sdk/installing/studio.html
より、Android Studioをダウンロードします。
Macの場合、android-studio-bundle-133.1028713-mac.dmgがダウンロードされました。
ダウンロードしたdmgを開き、Android Studioをアプリケーションフォルダにドラッグ＆ドロップします。
起動します。設定ファイルのインポート画面になるのでそのままOKをクリック。
起動中。
新しいバージョンがあることが示されています。More Infoを押すと更新内容をブラウザで表示します。
下部の「Check for updates now.」をクリックします。
Update and restartをクリックしてアップデートします。完了するとAndroidStudioが再起動します。
新しいプロジェクトを作成します。
適当な名称をつけてNext。
デフォルトのままNext。
デフォルトのままFinishするとプロジェクトが作成されます。
Tools > Android > SDK ManagerでSDKマネージャを開きます。
Android SDK Tools のバージョンがが22.6以上であることを確認します。
「Android Wear ARM EABI v7a System Image」を選択します。
Android Support LibraryとAndroid Support Repositoryがインストールされているか確認します。インストールされていましたが最新版があるのでアップデートします。
インストールします。
ライセンスを承認してInstallをクリックするとインストールが開始されます。
Android Wearエミュレータを準備します。Tools > Android > AVD ManagerよりAVDマネージャを起動します。
Newをクリックして次のように設定します。
OKをクリック。作成結果が表示されますのでOKで閉じます。
作成したAVDを選択して、Startをクリックします。
Launch from snapshotのチェックを外し、Save to snapshotにチェックを付けてLaunchをクリックしてAVDを起動します。
起動中。起動にはそこそこ時間がかかります。
起動しました。起動したら一旦閉じることで、スナップショットを取ります。
もう一度起動します。今度はSave to snapshotのチェックを外し、Launch from snapshotだけにチェックを入れてLaunchで起動します。以後はこの方法で起動すれば起動時間をいくらか短縮できます。
携帯端末をMacにUSB接続します。
次のコマンドを入力します。
[shell]
* cd /Applications/Android\ Studio.app/sdk/platform-tools
* ./adb -d forward tcp:5601 tcp:5601
[/shell]
携帯デバイスでAndroid Wear Preview起動します。青い部分をタップ。
通知へのアクセスが開くのでAndroid Wear Previewをタップ。
Android Wear Previewを有効にしますか？で「OK」をタップ。
これで準備は整いました。次はライブラリです。
libsディレクトリにwearable-preview-support.jar を追加します。ドラッグ&ドロップで追加できます。macの場合optionキーを押しながらドラッグ＆ドロップでコピーになります。
追加されました。
build.gradleを開き次の依存ルールを追加します。
[text]
dependencies {
compile "com.android.support:support-v4:18.0.+"
compile files(‘../libs/wearable-preview-support.jar’)
}
[/text]
追加したら、ツールバーのボタンを押して反映します。
さてここからはコーディングです。
Android Wearで応答した時に開くActivityを新規作成します。パッケージを右クリックして New > Activity > Blank Activity を選択します。
Activityの新規作成画面になりますのでActivity Nameに「ReplyActivity」と入力してFinishをクリックして追加します。
まずは通知ボタンを追加します。activity_main.xmlを開きボタンを追加します。
MainActivity.javaにボタンを押したら通知を送信するようにコーディングします。
[java]
package com.example.androidweartestapplication.weartest;
import android.app.Activity;
import android.app.Notification;
import android.app.PendingIntent;
import android.content.Intent;
import android.os.Bundle;
import android.view.Menu;
import android.view.MenuItem;
import android.view.View;
import android.view.View.OnClickListener;
import android.preview.support.wearable.notifications.*;
import android.preview.support.v4.app.NotificationManagerCompat;
import android.support.v4.app.NotificationCompat;
public class MainActivity extends Activity {
@Override
protected void onCreate(Bundle savedInstanceState) {
super.onCreate(savedInstanceState);
setContentView(R.layout.activity_main);
findViewById(R.id.button).setOnClickListener(new OnClickListener() {
@Override
public void onClick(View v) {
int notificationId = 001;
String EXTRA_VOICE_REPLY = "extra_voice_reply";
String replyLabel = "返信";
// 返信アクションのインテントを作成
Intent replyIntent = new Intent(getApplicationContext(), ReplyActivity.class);
PendingIntent replyPendingIntent =
PendingIntent.getActivity(getApplicationContext(), 0, replyIntent, 0);
// 通知の作成
NotificationCompat.Builder replyNotificationBuilder =
new NotificationCompat.Builder(MainActivity.this)
.setSmallIcon(android.R.drawable.ic_dialog_email)
.setContentTitle("embossさんからメッセージ")
.setContentText("I love KitKat!")
.setContentIntent(replyPendingIntent);
// リモート入力の作成
RemoteInput remoteInput = new RemoteInput.Builder(EXTRA_VOICE_REPLY)
.setLabel(replyLabel)
.build();
// ウェアラブル通知の作成とリモート入力の追加
Notification replyNotification =
new WearableNotifications.Builder(replyNotificationBuilder)
.addRemoteInputForContentIntent(remoteInput)
.build();
// NotificationManagerサービスのインスタンスを取得します
NotificationManagerCompat notificationManager =
NotificationManagerCompat.from(getApplicationContext());
// 通知マネージャーで通知を作成し発行します
notificationManager.notify(notificationId, replyNotification);
}
});
}
@Override
public boolean onCreateOptionsMenu(Menu menu) {
// Inflate the menu; this adds items to the action bar if it is present.
getMenuInflater().inflate(R.menu.main, menu);
return true;
}
@Override
public boolean onOptionsItemSelected(MenuItem item) {
// Handle action bar item clicks here. The action bar will
// automatically handle clicks on the Home/Up button, so long
// as you specify a parent activity in AndroidManifest.xml.
int id = item.getItemId();
if (id == R.id.action_settings) {
return true;
}
return super.onOptionsItemSelected(item);
}
}
[/java]
実行してみましょう。携帯デバイスを選択してOKをクリックします。
アプリケーション上で「通知」ボタンを押してみましょう。
するとAndroid Wearに通知が届きます。
左にスワイプします。通常「Open」アクションが表示されていたいましたが「Reply」アクションが表示されています。「Reply」をタップします。
音声入力の画面になります。
エミュレータでは音声認識は使用できませんので、かわりにキーボードで入力します。
入力後しばらくく待つと再入力または保存の画面になります。
Saveボタンのインジゲータが一周りし、Doneと表示されれば完了です。
端末ではReplyActivityが起動していることが確認できます。
では次に、定義済みテキストによる応答を試してみましょう。まずはXMLにreply_choicesを追加します。
strings.xml
[xml]
<?xml version="1.0" encoding="utf-8"?>
<resources>
    <string name="app_name">Android Wear Test Application</string>
    <string name="hello_world">Hello world!</string>
    <string name="action_settings">Settings</string>
    <string name="title_activity_reply">ReplyActivity</string>
    <string name="reply_label">返信</string>
    <string-array name="reply_choices">
        <item>Yes</item>
        <item>No</item>
        <item>Maybe</item>
    </string-array>
</resources>
[/xml]
ボタンを押した時の処理を次のように修正します。
[java]
findViewById(R.id.button).setOnClickListener(new OnClickListener() {
@Override
public void onClick(View v) {
int notificationId = 001;
String EXTRA_VOICE_REPLY = "extra_voice_reply";
// 返信アクションのインテントを作成
Intent replyIntent = new Intent(getApplicationContext(), ReplyActivity.class);
PendingIntent replyPendingIntent =
PendingIntent.getActivity(getApplicationContext(), 0, replyIntent, 0);
// 通知の作成
NotificationCompat.Builder replyNotificationBuilder =
new NotificationCompat.Builder(MainActivity.this)
.setSmallIcon(android.R.drawable.ic_dialog_email)
.setContentTitle("embossさんからメッセージ")
.setContentText("I love KitKat!")
.setContentIntent(replyPendingIntent);
// 定義済みテキストよる返答を追加
String replyLabel = getResources().getString(R.string.reply_label);
String[] replyChoices = getResources().getStringArray(R.array.reply_choices);
// リモート入力の作成
RemoteInput remoteInput = new RemoteInput.Builder(EXTRA_VOICE_REPLY)
.setLabel(replyLabel)
.setChoices(replyChoices)
.build();
// ウェアラブル通知の作成とリモート入力の追加
Notification replyNotification =
new WearableNotifications.Builder(replyNotificationBuilder)
.addRemoteInputForContentIntent(remoteInput)
.build();
// NotificationManagerサービスのインスタンスを取得します
NotificationManagerCompat notificationManager =
NotificationManagerCompat.from(getApplicationContext());
// 通知マネージャーで通知を作成し発行します
notificationManager.notify(notificationId, replyNotification);
}
});
[/java]
実行してみましょう。左にスワイプしてReplyをタップします。すると選択肢が表示されています。タップして返信することが出来ます。
もちろんここで音声入力を開始すれば認識されます。
では最後に、Android Wearで返信した文字列を端末側で受け取るようにします。レイアウトに文字列を表示するためのTextViewを配置します。
activity_reply.xml
[xml]
<RelativeLayout xmlns:android="http://schemas.android.com/apk/res/android"
    xmlns:tools="http://schemas.android.com/tools"
    android:layout_width="match_parent"
    android:layout_height="match_parent"
    android:paddingLeft="@dimen/activity_horizontal_margin"
    android:paddingRight="@dimen/activity_horizontal_margin"
    android:paddingTop="@dimen/activity_vertical_margin"
    android:paddingBottom="@dimen/activity_vertical_margin"
    tools:context="com.example.androidweartestapplication.weartest.ReplyActivity">
    <TextView
        android:text="@string/title_activity_reply"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:id="@+id/reply_text" />
</RelativeLayout>
[/xml]
Android Wearから受け取った文字列をTextViewに表示します。ReplyActivityのonCreateに処理を追加します。
ReplyActivity.java
[java]
protected void onCreate(Bundle savedInstanceState) {
super.onCreate(savedInstanceState);
setContentView(R.layout.activity_reply);
String EXTRA_VOICE_REPLY = "extra_voice_reply";
Intent i = getIntent();
String reply = i.getStringExtra(EXTRA_VOICE_REPLY);
TextView text = (TextView)findViewById(R.id.reply_text);
text.setText(reply);
}
[/java]
実行してみましょう。
音声入力を開始し、「I love key lime pie!」と入力します。
完了すると、端末側に「I love key lime pie!」と表示されます。あとは端末側でこのメッセージを投稿するなりすればアプリケーションとしては完成ですね。