Getting Started with Android Wear Jeb Ware @jebstuart 

Outline • Step 1: Design Considerations • Step 2: Code Samples • Step 3: ?? • Step 4: Profit 

Why Care About Wear? • Use Android APIs • Easy sync w/ phone • 720k shipments in 2014 Source: http://www.canalys.com/newsroom/over-720000-android-wear-devices-shipped-2014 

Do I Need A Wear App? 

Do I Need A Wear App? Probably Not. 

Do I Need A Wear App? • Android notification automatically mirrored • NotificationCompat • Actions • “Big View” 

Don’t Be Annoying 

Don’t Be Annoying • Users can block your notifications from showing on wearable 

Good Use Cases 

Good Use Cases • Reply to a text • Show directions to meeting • Add a reminder 

Good Use Cases • Order a pizza • Scroll through your photo library 

Do I Need A Wear App? • Figure out your user’s tasks • Then decide between rich notifications or a full-on Wear App 

User Interface 

• Launcher is rarely used • Use Voice, but have a fallback • Automatic, contextual cues
 (be like Google Now) User Interface 

• Very small screen • gross motor skills
 (swipes, not pinpoint taps) • max 1 or 2 tap targets on-screen User Interface 

User Interface • CardScrollView • CardFrame • CardFragment 

User Interface http://www.nngroup.com/articles/smartwatch/ Nielsen Norman Group Raluca Budiu 

Demo App https://github.com/jebstuart/WearDemo 

CODE? 

App Architecture Watch Phone Internet GoogleApiClient Location, Network, etc. UI, Sensors Wearable.DataApi 

Project Creation 

Gradle apply plugin: 'com.android.application'
 
 android {
 compileSdkVersion 22
 buildToolsVersion "22.0.1"
 
 defaultConfig {
 applicationId "com.jebware.weardemo"
 minSdkVersion 18
 targetSdkVersion 22
 versionCode 1
 versionName "1.0"
 }
 }
 
 dependencies {
 compile fileTree(dir: 'libs', include: ['*.jar'])
 wearApp project(':wear')
 compile 'com.android.support:appcompat-v7:22.2.0'
 compile 'com.google.android.gms:play-services-wearable:7.5.0'
 compile 'com.android.support:recyclerview-v7:22.2.0'
 compile 'com.jakewharton:butterknife:6.1.0'
 } apply plugin: 'com.android.application'
 
 
 android {
 compileSdkVersion 22
 buildToolsVersion "22.0.1"
 
 defaultConfig {
 applicationId "com.jebware.weardemo"
 minSdkVersion 20
 targetSdkVersion 22
 versionCode 1
 versionName "1.0"
 }
 }
 
 dependencies {
 compile fileTree(dir: 'libs', include: ['*.jar'])
 compile 'com.google.android.support:wearable:1.2.0'
 compile 'com.google.android.gms:play-services-wearable:7.5.0'
 compile 'com.android.support:recyclerview-v7:22.2.0'
 compile 'com.jakewharton:butterknife:6.1.0'
 } mobile/build.gradle wear/build.gradle 

Gradle apply plugin: 'com.android.application'
 
 android {
 compileSdkVersion 22
 buildToolsVersion "22.0.1"
 
 defaultConfig {
 applicationId "com.jebware.weardemo"
 minSdkVersion 18
 targetSdkVersion 22
 versionCode 1
 versionName "1.0"
 }
 }
 
 dependencies {
 compile fileTree(dir: 'libs', include: ['*.jar'])
 wearApp project(':wear')
 compile 'com.android.support:appcompat-v7:22.2.0'
 compile 'com.google.android.gms:play-services-wearable:7.5.0'
 compile 'com.android.support:recyclerview-v7:22.2.0'
 compile 'com.jakewharton:butterknife:6.1.0'
 } apply plugin: 'com.android.application'
 
 
 android {
 compileSdkVersion 22
 buildToolsVersion "22.0.1"
 
 defaultConfig {
 applicationId "com.jebware.weardemo"
 minSdkVersion 20
 targetSdkVersion 22
 versionCode 1
 versionName "1.0"
 }
 }
 
 dependencies {
 compile fileTree(dir: 'libs', include: ['*.jar'])
 compile 'com.google.android.support:wearable:1.2.0'
 compile 'com.google.android.gms:play-services-wearable:7.5.0'
 compile 'com.android.support:recyclerview-v7:22.2.0'
 compile 'com.jakewharton:butterknife:6.1.0'
 } mobile/build.gradle wear/build.gradle 

Gradle apply plugin: 'com.android.application'
 
 android {
 compileSdkVersion 22
 buildToolsVersion "22.0.1"
 
 defaultConfig {
 applicationId "com.jebware.weardemo"
 minSdkVersion 18
 targetSdkVersion 22
 versionCode 1
 versionName "1.0"
 }
 }
 
 dependencies {
 compile fileTree(dir: 'libs', include: ['*.jar'])
 wearApp project(':wear')
 compile 'com.android.support:appcompat-v7:22.2.0'
 compile 'com.google.android.gms:play-services-wearable:7.5.0'
 compile 'com.android.support:recyclerview-v7:22.2.0'
 compile 'com.jakewharton:butterknife:6.1.0'
 } apply plugin: 'com.android.application'
 
 
 android {
 compileSdkVersion 22
 buildToolsVersion "22.0.1"
 
 defaultConfig {
 applicationId "com.jebware.weardemo"
 minSdkVersion 20
 targetSdkVersion 22
 versionCode 1
 versionName "1.0"
 }
 }
 
 dependencies {
 compile fileTree(dir: 'libs', include: ['*.jar'])
 compile 'com.google.android.support:wearable:1.2.0'
 compile 'com.google.android.gms:play-services-wearable:7.5.0'
 compile 'com.android.support:recyclerview-v7:22.2.0'
 compile 'com.jakewharton:butterknife:6.1.0'
 } mobile/build.gradle wear/build.gradle 

GoogleApiClient @Override
 protected void onCreate(Bundle savedInstanceState) {
 super.onCreate(savedInstanceState);
 setContentView(R.layout.activity_grocery_list);
 
 googleApiClient = new GoogleApiClient.Builder(this)
 .addApi(Wearable.API)
 .addConnectionCallbacks(connectionCallbacks)
 .addOnConnectionFailedListener(onConnectionFailedListener)
 .build();
 googleApiClient.connect();
 } private GoogleApiClient.ConnectionCallbacks connectionCallbacks = new GoogleApiClient.ConnectionCallbacks() {
 @Override
 public void onConnected(Bundle bundle) {
 // connection ready, now load your data
 }
 
 @Override
 public void onConnectionSuspended(int i) {
 //NOOP
 }
 };
 
 private GoogleApiClient.OnConnectionFailedListener onConnectionFailedListener = new GoogleApiClient.OnConnectionFailedListener() {
 @Override
 public void onConnectionFailed(ConnectionResult connectionResult) {
 //NOOP
 }
 }; 

GoogleApiClient @Override
 protected void onCreate(Bundle savedInstanceState) {
 super.onCreate(savedInstanceState);
 setContentView(R.layout.activity_grocery_list);
 
 googleApiClient = new GoogleApiClient.Builder(this)
 .addApi(Wearable.API)
 .addConnectionCallbacks(connectionCallbacks)
 .addOnConnectionFailedListener(onConnectionFailedListener)
 .build();
 googleApiClient.connect();
 } private GoogleApiClient.ConnectionCallbacks connectionCallbacks = new GoogleApiClient.ConnectionCallbacks() {
 @Override
 public void onConnected(Bundle bundle) {
 // connection ready, now load your data
 }
 
 @Override
 public void onConnectionSuspended(int i) {
 //NOOP
 }
 };
 
 private GoogleApiClient.OnConnectionFailedListener onConnectionFailedListener = new GoogleApiClient.OnConnectionFailedListener() {
 @Override
 public void onConnectionFailed(ConnectionResult connectionResult) {
 //NOOP
 }
 }; 

GoogleApiClient @Override
 protected void onCreate(Bundle savedInstanceState) {
 super.onCreate(savedInstanceState);
 setContentView(R.layout.activity_grocery_list);
 
 googleApiClient = new GoogleApiClient.Builder(this)
 .addApi(Wearable.API)
 .addConnectionCallbacks(connectionCallbacks)
 .addOnConnectionFailedListener(onConnectionFailedListener)
 .build();
 googleApiClient.connect();
 } private GoogleApiClient.ConnectionCallbacks connectionCallbacks = new GoogleApiClient.ConnectionCallbacks() {
 @Override
 public void onConnected(Bundle bundle) {
 // connection ready, now load your data
 }
 
 @Override
 public void onConnectionSuspended(int i) {
 //NOOP
 }
 };
 
 private GoogleApiClient.OnConnectionFailedListener onConnectionFailedListener = new GoogleApiClient.OnConnectionFailedListener() {
 @Override
 public void onConnectionFailed(ConnectionResult connectionResult) {
 //NOOP
 }
 }; 

GoogleApiClient @Override
 protected void onCreate(Bundle savedInstanceState) {
 super.onCreate(savedInstanceState);
 setContentView(R.layout.activity_grocery_list);
 
 googleApiClient = new GoogleApiClient.Builder(this)
 .addApi(Wearable.API)
 .addConnectionCallbacks(connectionCallbacks)
 .addOnConnectionFailedListener(onConnectionFailedListener)
 .build();
 googleApiClient.connect();
 } private GoogleApiClient.ConnectionCallbacks connectionCallbacks = new GoogleApiClient.ConnectionCallbacks() {
 @Override
 public void onConnected(Bundle bundle) {
 // connection ready, now load your data
 }
 
 @Override
 public void onConnectionSuspended(int i) {
 //NOOP
 }
 };
 
 private GoogleApiClient.OnConnectionFailedListener onConnectionFailedListener = new GoogleApiClient.OnConnectionFailedListener() {
 @Override
 public void onConnectionFailed(ConnectionResult connectionResult) {
 //NOOP
 }
 }; Async All The Things! 

Put Data @OnClick(android.R.id.button1)
 void addItem() {
 Grocery grocery = new Grocery(inputField.getText().toString());
 inputField.setText(null);
 
 //every item needs a unique path
 String path = String.format("/item/%d", grocery.id);
 PutDataMapRequest request = PutDataMapRequest.create(path);
 request.getDataMap().putInt("id", grocery.id);
 request.getDataMap().putString("value", grocery.value);
 PendingResult result =
 Wearable.DataApi.putDataItem(googleApiClient, request.asPutDataRequest());
 result.setResultCallback(new ResultCallback() {
 @Override
 public void onResult(DataApi.DataItemResult dataItemResult) {
 refreshList();
 }
 });
 } 

Get Data private void refreshList() {
 Wearable.DataApi.getDataItems(googleApiClient).setResultCallback(new ResultCallback() {
 @Override
 public void onResult(DataItemBuffer dataItems) {
 groceries.clear();
 for (DataItem dataItem : dataItems) {
 DataMapItem mapItem = DataMapItem.fromDataItem(dataItem);
 int id = mapItem.getDataMap().getInt("id");
 String value = mapItem.getDataMap().getString("value");
 groceries.add(new Grocery(id, value, dataItem));
 }
 adapter.notifyDataSetChanged();
 }
 });
 } 

Delete Data private void deleteItem(DataItem dataItem) {
 PendingResult result = 
 Wearable.DataApi.deleteDataItems(googleApiClient, dataItem.getUri());
 
 result.setResultCallback(new ResultCallback() {
 @Override
 public void onResult(DataApi.DeleteDataItemsResult deleteDataItemsResult) {
 refreshList();
 }
 });
 } 

Data Listeners private GoogleApiClient.ConnectionCallbacks connectionCallbacks = new GoogleApiClient.ConnectionCallbacks() {
 @Override
 public void onConnected(Bundle bundle) {
 refreshList();
 // subscribe to updates to the data model
 Wearable.DataApi.addListener(googleApiClient, dataListener);
 }
 
 @Override
 public void onConnectionSuspended(int i) {
 //NOOP
 }
 }; private DataApi.DataListener dataListener = new DataApi.DataListener() {
 @Override
 public void onDataChanged(DataEventBuffer dataEventBuffer) {
 refreshList();
 }
 }; 

Data Listeners private GoogleApiClient.ConnectionCallbacks connectionCallbacks = new GoogleApiClient.ConnectionCallbacks() {
 @Override
 public void onConnected(Bundle bundle) {
 refreshList();
 // subscribe to updates to the data model
 Wearable.DataApi.addListener(googleApiClient, dataListener);
 }
 
 @Override
 public void onConnectionSuspended(int i) {
 //NOOP
 }
 }; private DataApi.DataListener dataListener = new DataApi.DataListener() {
 @Override
 public void onDataChanged(DataEventBuffer dataEventBuffer) {
 refreshList();
 }
 }; 

Notifications PendingIntent openListPendingIntent = PendingIntent.getActivity(this, 0, new Intent(this, GroceryListActivity.class), 0);
 
 NotificationCompat.Action action = new NotificationCompat.Action.Builder(
 R.drawable.ic_action_reload, "Reload", openListPendingIntent)
 .build();
 
 Notification notif = new NotificationCompat.Builder(this)
 .setSmallIcon(R.mipmap.ic_launcher)
 .setContentTitle("WearDemo")
 .setContentText("List Updated")
 .setContentIntent(openListPendingIntent)
 .setAutoCancel(true)
 .extend(new android.support.v4.app.NotificationCompat.WearableExtender().addAction(action))
 .build();
 
 NotificationManagerCompat mgr = NotificationManagerCompat.from(this);
 mgr.notify(NOTIFICATION_ID, notif); 

Notifications PendingIntent openListPendingIntent = PendingIntent.getActivity(this, 0, new Intent(this, GroceryListActivity.class), 0);
 
 NotificationCompat.Action action = new NotificationCompat.Action.Builder(
 R.drawable.ic_action_reload, "Reload", openListPendingIntent)
 .build();
 
 Notification notif = new NotificationCompat.Builder(this)
 .setSmallIcon(R.mipmap.ic_launcher)
 .setContentTitle("WearDemo")
 .setContentText("List Updated")
 .setContentIntent(openListPendingIntent)
 .setAutoCancel(true)
 .extend(new android.support.v4.app.NotificationCompat.WearableExtender().addAction(action))
 .build();
 
 NotificationManagerCompat mgr = NotificationManagerCompat.from(this);
 mgr.notify(NOTIFICATION_ID, notif); 

Notifications PendingIntent openListPendingIntent = PendingIntent.getActivity(this, 0, new Intent(this, GroceryListActivity.class), 0);
 
 NotificationCompat.Action action = new NotificationCompat.Action.Builder(
 R.drawable.ic_action_reload, "Reload", openListPendingIntent)
 .build();
 
 Notification notif = new NotificationCompat.Builder(this)
 .setSmallIcon(R.mipmap.ic_launcher)
 .setContentTitle("WearDemo")
 .setContentText("List Updated")
 .setContentIntent(openListPendingIntent)
 .setAutoCancel(true)
 .extend(new android.support.v4.app.NotificationCompat.WearableExtender().addAction(action))
 .build();
 
 NotificationManagerCompat mgr = NotificationManagerCompat.from(this);
 mgr.notify(NOTIFICATION_ID, notif); 

Activities & Manifest 
 
 
 
 
 package com.jebware.weardemo;
 
 import android.app.Activity;
 
 public class GroceryListActivity extends Activity {
 
 ….
 
 }
 

Activities & Manifest 
 
 
 
 
 package com.jebware.weardemo;
 
 import android.app.Activity;
 
 public class GroceryListActivity extends Activity {
 
 ….
 
 }
 Same as phone app 

Layout & View Widgets 

Layout & View Widgets Mostly the same 

Layout & View Widgets Mostly the same (Except for circles) 

Layout 

Layout (╯°□°）╯︵ ┻━┻) 

WatchViewStub 

WatchViewStub 

BoxInsetLayout 
 
 
 
 

BoxInsetLayout 
 
 
 
 

Highlight Reel • NotificationCompat • wearApp project(':wear') • Cards, Cards, Cards • GoogleApiClient - Wearable.DataApi 

QUESTIONS? Jeb Ware @jebstuart https://github.com/jebstuart/WearDemo