Android Wear SDK: Level 101

Android Wear SDK 101
⼀一⼩小時上⼿手
jollen <jollen@jollen.org>
www.mokoversity.com
創新創業分享與交流
就在 Mokoversity
Mokoversity
114年5月15⽇日星期四

• Android SDK
• ADT plugin for Eclipse v22.6.1+
• Install ‘Android Wear ARM EABI v7a System
Image’
• Use the latest version of ‘Android Support
Library’
• Set Up the Android Wear Emulator
開發環境

• Android SDK
• Intent
• Broadcast Receiver
• Notification
• Android Design guidelines for notifications
• http://developer.android.com/guide/topics/ui/
notifiers/notifications.html
背景知識

安裝 Android Wear SDK

建⽴立 Android Wear Emulator

1. Install and Use Genymotion
2. Setup ‘Nexus 5’ AVD
3. Start Android Wear emulator and Nexus 5
4. Install Android Wear Preview App on Nexus 5
5. Setup TCP port forwarding for ADB
6. Install and Open ‘Android Wear Preview’ on
Nexus 5
建⽴立 Android Wear Emulator

$ ./adb -s [device name Nexus 5] install ./Android_Wear_Beta.apk
$ ./adb -s [device name Nexus 5] forward tcp:5601 tcp:5601
Install Android Wear Preview App
需先下載 APK 套件

Enable notification access
permission

連線成功、Android Wear
Emulator 啟動完成。開始第⼀一個
Android Wear App。

Install Android Wear Preview SDK

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

Android Wear 的本質是⼀一個
Launcher

•Designing for Android Wear is substantially
different than designing for phones or tablets.
•Android phones 與 tablets 是 UI、functionality 與
Touch 導向
•Android wear 是 Notification 導向
Android Wear App 的設計

The Context Stream
On the Android wearable, each notification
appears as a new card in the context stream.
The Cue Card
Allows users to speak to their device. There are
a list of actions. The list of actions includes
Android intents for voice actions.
UI Principles
Portions of this page are reproduced from work created and shared by the Android Open Source Project and
used according to terms described in the Creative Commons 2.5 Attribution License.

Step zero
從 Notification 開始

private void zero() {
NotificationCompat.Builder builder = new NotificationCompat.Builder(this)
.setContentTitle("Zero")
.setContentText("You're at step zero.")
.setSmallIcon(R.drawable.bg_eliza);

NotificationManager mNotificationManager =
(NotificationManager) getSystemService(Context.NOTIFICATION_SERVICE);

mNotificationManager.notify(0x07, builder.build());
}
Portions of this page are reproduced from work created and shared by the Android Open Source Project and
used according to terms described in the Creative Commons 2.5 Attribution License.
Step Zero

Demo

600x600
Icon
Image

private void zeroX() {
.setContentTitle("ZeroX")
.setContentText("You're at step zero.")
.setSmallIcon(R.drawable.bg_eliza)
.setLargeIcon(BitmapFactory.decodeResource(getResources(), R.drawable.bg_eliza));

NotificationManagerCompat notificationManager = NotificationManagerCompat.from(this);
notificationManager.notify(0x08, builder.build());
}
Image
使⽤用 Large Icon for Android Wear

Demo

認識
Action

private void one() {
// Build an intent for an action to make a phone call
Intent phoneCallIntent = new Intent(Intent.ACTION_VIEW);
Uri phoneUri = Uri.parse("tel:119");
phoneCallIntent.setData(phoneUri);
PendingIntent phoneCallPendingIntent = PendingIntent.getActivity(this, 0, phoneCallIntent, 0);

.setContentTitle("One")
.setContentText("You're at step one.")
.setLargeIcon(BitmapFactory.decodeResource(getResources(), R.drawable.bg_eliza))
.addAction(R.drawable.ic_full_reply, "Call me", phoneCallPendingIntent);

notificationManager.notify(0x09, builder.build());
}
Step One

Put all
together.

Notifier
Notification

• NotificationCompat.Builder
Basic Android APIs

•Android wearables provide just the right
information at just the right time, allowing you to
be connected to the virtual world and present in
the real world.
•Android Devices (Phone/Table) 的週邊
•Android Wear 是 Notification 裝置
•Android Devices 的 Second Device
•PDA (輔具)
Android Wear 的哲學

•Contextually aware and smart
•Glanceable
•Zero/low interaction
•Helpful
Design Principles

First app
Add New Features for Wearables

Actions
Images
Application Icons
Pages
Notification Stacks
Voice Replies
Notification UI Patterns

private void appOne() {
.setContentTitle("First App")
.setContentText("My first app for Android wear.")
.setLargeIcon(BitmapFactory.decodeResource(getResources(), R.drawable.bg_eliza));
Notification notification = new WearableNotifications.Builder(builder)
.setMinPriority()
.build();

notificationManager.notify(0x01, notification);
}
Use Features for Wearables

private void appOneX() {
.setContentTitle("Coupon")
.setContentText("Limited. 30 mins from now !")
.setLargeIcon(BitmapFactory.decodeResource(getResources(), R.drawable.bg_mountain));
Intent intent = new Intent(ACTION_RESPONSE);
PendingIntent pendingIntent = PendingIntent.getBroadcast(this, 0, intent,
PendingIntent.FLAG_ONE_SHOT | PendingIntent.FLAG_CANCEL_CURRENT);
builder.setContentIntent(pendingIntent);

.setMinPriority()
.build();

NotificationManagerCompat.from(this).notify(0x02, notification);
}
.setHintHideIcon(true)
Use .setContentIntent()

Skin of Android Wear

Demo

// Broadcast receiver
mFilterWearableReply = new IntentFilter(ACTION_RESPONSE);
mWearableReceiver = new BroadcastReceiver() {
@Override
public void onReceive(Context arg0, Intent arg1) {
Toast.makeText(mContext, "Someone wants to get a coupon.", Toast.LENGTH_LONG).show();
}
};
registerReceiver(mWearableReceiver, mFilterWearableReply);
使⽤用 Broadcast
Receiver

Second & third app
Add Pages to a Notification
Voice Replies (Remote Input)

private void appTwo() {
.setContentTitle("80% Discount")
.setContentText("Now products are there...")
.setLargeIcon(BitmapFactory.decodeResource(getResources(), R.drawable.bg_mountain));

// 1. Create a big text style for the second page
BigTextStyle secondPageStyle = new NotificationCompat.BigTextStyle();
secondPageStyle.setBigContentTitle("New Product")
.bigText("A lot of text...");
// 2. Create second page notification with big text style
Notification secondPageNotification = new NotificationCompat.Builder(this)
.setStyle(secondPageStyle)
.build();

.setMinPriority()
// 3. Add the second page to notification
.addPage(secondPageNotification)
.build();

}

private void appThree() {
.setContentTitle("Coupon")
.setContentText("Limited. 30 mins from now !")
.setLargeIcon(BitmapFactory.decodeResource(getResources(),
R.drawable.bg_mountain));

.setMinPriority()
.addRemoteInputForContentIntent(
new RemoteInput.Builder("GET !")
.setLabel("Reply").build())
.build();

}

.setMinPriority()
.addRemoteInputForContentIntent(
new RemoteInput.Builder("GET !")
.setLabel("Reply")
.setChoices(getResources().getStringArray(R.array.reply_choices))
.build())
.build();
Use .setChoices()

Android Intent

什麼是 Intent (意圖)
在 Android 應⽤用程式框架中，有⼀一個⾮非常聰明的事件處理
機制，稱之為「 Intent 」
在「 Intent 」這樣的事件處理觀念裡，Android 試圖將事
件解釋為「應⽤用程式的意圖」或是「使⽤用者的意圖」，並試
著去解釋該意圖的⺫⽬目的，若 Android 系統本⾝身能理解應⽤用
程式的意圖，便會「⾃自⾏行」去處理該意圖所應執⾏行的⼯工作
Android 的做法是，讓每個意圖（Intent）都帶有⼀一個動
作（action），並根據不同的動作去⾏行動
事件處理

Intent 的類型
Intent 的動作
⾃自⾏行定義
框架內部定義
Android 框架的 Intent 有很多⽅方便實⽤用的「內建動作」
Intent 定義

Android內建的Intent Action
Android 的框架確實是讓每個 Intent 都包含了⼀一個動作，
就稱為 action
範例：
HelloIntentDialer: 啟動撥號器 (dialer) 並撥號
HelloIntentMusic : 使⽤用者按下「 Select Music 」
後，可以由⾳音樂清單裡選擇⾳音樂並撥放
HelloIntentWallpaper : 啟動 Android 內建的「背景
圖選擇器」，讓使⽤用者更換背景
Intent Action

Intent 可包含 Data
除了 action 外， Intent 還可以包含另外⼀一項資訊
「data」
Intent 的 action 指定這個 Intent 的「動作」是什麼，
框架會依指定的動作進⾏行處理；有些 action 可以附帶⼀一筆
資料，這個資料是以 Uri 的格式撰寫
Intent Data

內建 Intent 範例
內建的 Intent 有哪些呢？請參考 Android Reference
Guide 中的 Intent 類別說明
上述三個範例分別使⽤用以下三個 action：
1. ACTION_CALL: 撥號
2. ACTION_GET_CONTENT: 啟動內容選取器
3. ACTION_SET_WALLPAPER: 設定Wallpaper
Intent 範例

Intent Action 的類型
Android 內建的 Intent action 分為⼆二種：
1. Activity Action : 啟動 Activity 的 action
2. Broadcast Action : 透過廣撥器處理的action
第⼀一種 action 是 activity action ，⽤用途是通知框架啟
動 Activity ，這裡提出的三個範例，都是使⽤用 activity
action
Intent 的 Action 類型

⾃自動撥號: HelloIntentDialer
public class HelloIntentDialer extends Activity {
/** Called when the activity is first created. */
@Override
public void onCreate(Bundle savedInstanceState) {
super.onCreate(savedInstanceState);
setContentView(R.layout.main);
　
Intent dial = new Intent();
dial.setAction("android.intent.action.CALL");
dial.setData(Uri.parse("tel:119"));
startActivity(dial);
}
}
「送出⼀一個帶有內建 action 的 Intent 給框架，因為 action 為 CALL，所以框架
會去啟動撥號 activity 並打電話。」
打電話範例

程式說明
1. 先產⽣生⼀一個 Intent 物件：
Intent dial = new Intent();
2. 設定 Intent 的 action 為
「 android.intent.action.CALL 」，這是⼀一個內建的
action：
dial.setAction("android.intent.action.CALL");
3. 內建 action「CALL」需要附帶⼀一筆資料，⽽而資料的寫
法是使⽤用 URI 格式：
dial.setData(Uri.parse("tel:119"));
打電話範例

送出 Intent
4. 「CALL」是⼀一個 activity action，所以呼叫
startActivity() 向 Intent 送給框架：
startActivity(dial);
打電話範例

啟動 Dialer

Notification, Intent & Broadcast Receiver
WearableNotificationCompat
UI Patterns
結論

Android Wear SDK: Level 101

Recommandé

Recommandé

Contenu connexe

Similaire à Android Wear SDK: Level 101

Similaire à Android Wear SDK: Level 101 (20)

Plus de Jollen Chen

Plus de Jollen Chen (18)

Android Wear SDK: Level 101