EGG 開発ブログ: 3月 2014

2014年3月31日月曜日

AndroidにSwipeRefreshLayout(Pull To Refresh)が追加されました

Android Support Library revision 19.1.0においてSwipeRefreshLayoutが追加されました。

サンプルコード

簡単なサンプルコードを作ってみました。
リストを下に引っ張ると更新アニメーションが2秒間表示されます。
ActionBarのメニューからも更新アニメーションを表示します。

https://bitbucket.org/YoshihideSogawa/android_demo_swiperefresh/

SwipeRefreshLayout

今回追加されたのはリストを下側に引っ張ってコンテンツを更新するレイアウトです。(いわゆるPull To Refresh)
SwipeRefreshLayoutをListViewの親レイアウトとして定義します。

SwipeRefreshLayoutを使用する準備として、setColorSchemeで色のリソースidを設定します。
これにより指定された色がアニメーションとして表示されます。（8行目）
また、更新処理のコールバックとしてsetOnRefreshListenerでSwipeRefreshLayout.OnRefreshListenerを設定します。(12行目)

更新時の処理はSwipeRefreshLayout.OnRefreshListener#onRefreshで受け取ります。
ここでは単に2秒後にmRefreshDone内の処理を行っているだけです。（14行目）
setEnable(false)はリストを下に引っ張れないようにロックします。更新中はこれを呼び出すことで引っ張る操作を防げます。（16行目）

2秒後にmRefreshDoneの処理が呼び出されます。
setRefreshing(false)を呼び出すとでアニメーションが停止します。（6行目）
setEnabled(true)を呼び出すと下に引っ張りだす操作を復活させます。（8行目）

setRefreshing(true)を呼び出すと、マニュアルで更新時のアニメーションが表示されます。（6行目）
この場合も前述と同じようにsetRefreshing(false)を呼び出すことでアニメーションが停止します。

所感

SwipeRefreshLayoutは、引っ張った時や更新中の進捗表示が用意されているので、開発側で大きな変更をすることなく既存のアプリに組み込めそうです。
しかし、リストのヘッダ部分に何かメッセージを表示させたり、Gmailのように引っ張った時にActionBarを変化させる処理は用意されていません。この辺りは自作するかStackOverFlowに頼ることになりそうです。

2014年3月27日木曜日

Android Wearを使ってみた（基本編）〜NHK番組表APIとの連携〜

チームEGGの曽川です。

前回のAndroid Wearを使ってみた（導入編）に引き続き、今回は基本編として簡単なプログラムを紹介します。
今回作成するアプリは、Android Wearで直近のNHKの番組を表示します。

NHK番組表API

NHK番組表APIは、現在放送されている番組や番組のリストを表示するAPIです。
ユーザ登録を行うと、APIキーが発行されるので簡単に利用できます。
今回は、直近で放送されている番組を取得するNow On Air APIを使用します。
使い方はリンク先で非常にわかりやすく説明されています。

サンプルコード

サンプルコードは以下で公開しています。

https://bitbucket.org/YoshihideSogawa/android_wear_tv_watcher

Android WearのStacking Notification

現在放送中の番組と、次の番組を以下の形で表示します。

ここでスタック表示のために使っているコードはこちらです。

９行目のgroupOrderの部分でスタックを表すWearableNotifications.SUMMARYとその並び順を表す数値を与えています。
このグループを２４行目で設定し、２６行目でスタックさせたい数だけ通知を行います。
これ以外のコードは通常のAndroidの処理と同じようにVolleyで通信を行っているだけです。

所感
Notificationの記述が誤っているとAndroidWearに通知されないので、デバッグはしづらい印象です。
そのため、どこが誤っているのかトライアンドエラーを繰り返しながら進めました。
また、NotificationCompatとWearableNotificationsが絡み合うので、複雑な通知になればなるほど混乱しそうですね。

2014年3月19日水曜日

Android Wearを使ってみた（導入編）

チームEGGの曽川です。

GoogleがAndroid Wearを発表したので使ってみました。
Android Wearはウェアラブル端末用のAndroidプラットフォームで、第１弾としては腕時計型の製品を発表しています。

Google I/Oで発表されたGeofenceやActivity Recognitionと相性が良さそうです。

Android Wear開発環境のセットアップ

開発環境のセットアップは以下の手順です。(Eclipse環境)
1.Android Wearのプレビュー版に登録
2.Android Wearに関連するインストールやバージョンアップ
3.Android Wearエミュレータの作成・起動
4.Android WearとAndroid端末の連携
5.通知テスト（Gmailを送ってみる）

1.Android Wearのプレビュー版に登録

以下のリンクから「Sign Up For the Develoeper Preview」を選択して、必要事項を入力します。 http://developer.android.com/wear/preview/start.html

しばらくすると、メールでセットアップ手順がやってきます。基本的にはこのメールに添付されたライブラリやソースコードをダウンロードして使用します。

2.Android Wearに関連するインストールやアップデート

EclipseのADTアップデート

ADT Plugin for Eclipseの場合は、Help>Install New Softwareからアップデートしましょう。

注：アップデート時、問題にぶつかった場合は参考にしてください

　→No repository found error in Installing ADT in eclipse Indigo

Android SDK Managerから以下をインストール

・Android SDK Tools 22.6(以上)

・Android Wear ARM EABI v7a System Image

3.Android Wearエミュレータの作成・起動

Window>Android Virtual Device ManagerからNewを選択してエミュレータを作成します。

以下は設定例です。

AVD Name	AndroidWearRound
Device	Android Wear Round(320 x 320: hdpi)
Target	Android 4.4.2 - API Level 19（デフォルト）
CPU/ABI	Android Wear ARM(armeabi-v7a)（デフォルト）
Skin	Android Wear Round
Memory Options	RAM:512　VM Heap:32（デフォルト）
Internal Storage	200（デフォルト）