Android Wear

Ok Google, o que é

+Nelson Glauber

?

@nglauber nglauber.blogspot.com

Android Wear estende a plataforma Android para uma nova geração de dispositivos, com uma usabilidade desenhada especificamente para os wearables.

Serve para que?

125 vezes ao dia em média!!!

Vida realPega o telefone

Devagando no telefone

Mais tempo para interagir com as pessoas à sua volta

UI baseada em um stream de cards

Comandos de voz

Princípios de UI

Lançadas automaticamente

Glanceable

Sugestão e demanda

Não interrompa o usuário

Grandes áreas de toque

Micro-interações

O que precisamos?

O que precisamos?

Android Studio 0.8

Google Play Services

Android Wear Device

LG G Watch

280x280, 512MB, 4GB, 400mAh Qualcomm Snapdragon 400 - 1.2Ghz

Acelerômetro, Gyro, Compass

Samsung Gear Live

320x320, 512MB, 4GB, 300mAh Qualcom Snapdragon 400 - 1.2Ghz

Acelerômetro, Gyro, Compass e Heart

Motorola Moto 360

320x290, 512MB, 4GB, 320mAh TI OMAP 3 - 1.2Ghz Pedometer e Heart

LG G Watch R

320x320, 512MB, 4GB, 410mAh Qualcomm Snapdragon - 1.2Ghz

Acelerometer, Gyro, Compass, Barometer e Heart

adb -d forward tcp:5601 tcp:5601

Android Wear Companion

Notificações Sincronizadas

Comandos de Voz

Aplicações Wear

Envio e sincronização de dados

APIs

Notificações

Imagem de Background

Ícone da aplicação

Título

Texto

Notificações simples

Notificações simples

PendingIntent pit = PendingIntent.getActivity( this, 0, new Intent(this, MainMobileActivity.class), 0); !Notification notification = new NotificationCompat.Builder(this) .setDefaults(Notification.DEFAULT_ALL) .setContentTitle("Notificação Simples") .setContentText("Texto da notificação") .setSmallIcon(R.drawable.ic_notificacao) .setLargeIcon(largeIcon) .setContentIntent(pit) .setAutoCancel(true) .build(); NotificationManagerCompat.from(this).notify(1000, notification);

Notificações com ação

Notificações com ação

Intent itAgenda = new Intent(Intent.ACTION_VIEW); itAgenda.setData( Uri.parse("content://com.android.calendar/time")); PendingIntent pitAcao = PendingIntent.getActivity(this, 0, itAgenda, 0); !Notification notification = new NotificationCompat.Builder(this) // demais chamadas da notificação simples .addAction( new NotificationCompat.Action( R.drawable.ic_agenda, "Agenda", pitAcao)) .build();

Notificações em pilha

Notificações em pilha

static int idNotificacao = 0; !Notification notification = new NotificationCompat.Builder(this) // demais chamadas da notificação simples .setContentTitle("Notificação Simples "+ ++idNotificacao) .setGroup("meuGrupo") .build();

NotificationCompat.WearableExtender extensionWear = new NotificationCompat.WearableExtender() .setBackground(largeIcon); !NotificationCompat.InboxStyle inboxStyle = new NotificationCompat.InboxStyle() .setBigContentTitle("Notificação em Pilha") .addLine("Várias mensagens não lidas") .setSummaryText("Resumo"); !Notification notificationSummary = new NotificationCompat.Builder(this) .setSmallIcon(R.drawable.ic_notificacao) .setStyle(inboxStyle) .extend(extensionWear) .setGroup("meuGrupo") .setGroupSummary(true) .build(); !NotificationManagerCompat nm = NotificationManagerCompat.from(this); !nm.notify(idNotificacao, notification); nm.notify(1000, notificationSummary);

Notificações com páginas

NotificationCompat.Builder notificationPage1 = new NotificationCompat.Builder(this) .setSmallIcon(R.drawable.ic_notificacao) .setContentTitle("Primeira Página") .setContentText("Essa é a primeira página") .setLargeIcon(largeIcon) .setAutoCancel(true) .setContentIntent(pit) .setDefaults(NotificationCompat.DEFAULT_ALL); !Notification notificationPage2 = new NotificationCompat.Builder(this) .setStyle(new NotificationCompat.BigTextStyle() .setBigContentTitle("Segunda página") .bigText("Essa é a segunda página")) .build(); !Notification notificationWithTwoPages = new NotificationCompat.WearableExtender() .addPage(notificationPage2) .extend(notificationPage1) .build(); !NotificationManagerCompat nm = NotificationManagerCompat.from(this); nm.notify(1000, notificationWithTwoPages);


Comandos de Voz

Aplicações Wear


APIs

Respondendo com voz

Respondendo com vozRemoteInput remoteInput = new RemoteInput.Builder(DetalheActivity.EXTRA_RESPOSTA_VOZ) .setLabel("Diga a resposta") .build(); !NotificationCompat.Action action = new NotificationCompat.Action.Builder( R.drawable.ic_responder, "Responder", pit) .addRemoteInput(remoteInput) .build(); !NotificationCompat.WearableExtender wearableExtender = new NotificationCompat.WearableExtender() .addAction(action); !Notification notification = new NotificationCompat.Builder(this) // demais chamadas da notificação simples .extend(wearableExtender) .build();

Respondendo com voz

Bundle remoteInput = remoteInput.getResultsFromIntent(getIntent()); !String voz = remoteInput.getCharSequence(EXTRA_RESPOSTA_VOZ).toString();

Comandos de voz

Call a car/taxi Take a note

Set alarm Set timer

Start/stop bike Start/stop a run

Start/stop workout Show heart rate

Show step count App Name :)

https://developer.android.com/training/wearables/apps/voice.html


Comandos de Voz

Aplicações Wear


APIs

Aplicações Wear

MinhaApp

MobileAPK WearAPK

MinhaApp

WatchViewStub BoxInsetLayout WearableListView CircledImageView GridViewPager GridPagerAdapter FragmentGridPagerAdapter CardFragment ConfirmationActivity DismissOverlayView

Componentesandroid.support.wearable.view.

<android.support.wearable.view.WatchViewStub xmlns:android="http://schemas.android.com/apk/res/android" xmlns:app="http://schemas.android.com/apk/res-auto" xmlns:tools="http://schemas.android.com/tools" android:id="@+id/watch_view_stub" android:layout_width="match_parent" android:layout_height="match_parent" app:rectLayout="@layout/rect_activity_main_wear" app:roundLayout="@layout/round_activity_main_wear" tools:context=".MainWearActivity" tools:deviceIds="wear"> </android.support.wearable.view.WatchViewStub>

res/layout/rect_activity_main_wear.xml

res/layout/round_activity_main_wear.xml

WearableListView

WearableListView WearableListView.Item WearableListView.ClickListener RecyclerView.Adapter CircledImageView

GridViewPager

GridViewPager GridPagerAdapter FragmentGridPagerAdapter CardFragment CardFrame

ConfirmationActivity<activity android:name= "android.support.wearable.activity.ConfirmationActivity"/>

Intent it = new Intent(context, ConfirmationActivity.class); it.putExtra(ConfirmationActivity.EXTRA_ANIMATION_TYPE, ConfirmationActivity.OPEN_ON_PHONE_ANIMATION); startActivity(it);


Comandos de Voz

Aplicações Wear


APIs

Comunicação Mobile/Wear

MinhaApp

MobileAPK WearAPK

Google Play Services

GoogleApiClient googleApiClient = new GoogleApiClient.Builder(context) .addApi(Wearable.API) .addConnectionCallbacks(cc) .addOnConnectionFailedListener(cfl) .build();

compile 'com.google.android.gms:play-services:5.0.89'

<meta-data android:name="com.google.android.gms.version" android:value="@integer/google_play_services_version" />

Node API

Message API

Data API

Wearable.NodeApi.getConnectedNodes(mGoogleApiClient).setResultCallback( new ResultCallback<NodeApi.GetConnectedNodesResult>() { @Override public void onResult(NodeApi.GetConnectedNodesResult result) { Node node = result.getNodes().get(0); } });

Wearable.NodeApi.addListener(mGoogleApiClient, new NodeApi.NodeListener() { @Override public void onPeerConnected(Node node) { } @Override public void onPeerDisconnected(Node node) { } });

Node API

Wearable.MessageApi.sendMessage(mGoogleApiClient, node.getId(), "/navegacao", new byte[]{ 1, 2, 3 } );

Message API

Wearable.MessageApi.addListener(mGoogleApiClient, new MessageApi.MessageListener() { @Override public void onMessageReceived(MessageEvent messageEvent) { String remetente = messageEvent.getSourceNodeId(); String caminho = messageEvent.getPath(); byte[] dados = messageEvent.getData(); } });

PutDataMapRequest putDataMapRequest = PutDataMapRequest.create("/dados"); DataMap dataMap = putDataMapRequest.getDataMap(); dataMap.putInt("numero", 1); dataMap.putString("nome", "Glauber"); !Wearable.DataApi.putDataItem( mGoogleApiClient, putDataMapRequest.asPutDataRequest());

Data API

Wearable.DataApi.addListener(mGoogleApiClient, new DataApi.DataListener() { @Override public void onDataChanged(DataEventBuffer dataEvents) { for (DataEvent dataEvent : dataEvents){ if (dataEvent.getType() == DataEvent.TYPE_CHANGED){ DataMapItem dataMapItem = DataMapItem.fromDataItem(dataEvent.getDataItem()); Uri uri = dataMapItem.getUri(); if (uri.getPath().equals("/dados")) { DataMap dataMap = dataMapItem.getDataMap(); int numero = dataMap.getInt("numero"); String nome = dataMap.getString("nome"); } } } }

});

Data API

WearableListenerService extends Service implements NodeApi.NodeListener, MessageApi.MessageListener, DataApi.DataListener

Node API

Message API

Data API

<service android:name="ngvl.android.devfest.MeuService"> <intent-filter> <action android:name="com.google.android.gms.wearable.BIND_LISTENER" /> </intent-filter> </service>

Dúvidas?

Nelson Glauber@nglauber

+NelsonGlauber nglauber.blogspot.com

Android Wear

Mobile

Transcript of Android Wear