Slides da minha palestra sobre Android Wear apresentada no GDG DevFest Centro-Oeste em 27/Set/2014.

1. Ok Google, o que é
?
+Nelson Glauber
@nglauber
nglauber.blogspot.com

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

3. Serve para que?
Vida real
Pega o telefone
Devagando no telefone
125 vezes ao dia em média!!!
Mais tempo para interagir com as pessoas à sua volta

4. UI baseada em um
stream de cards

5. Comandos de voz

6. Princípios de UI

7. Lançadas
automaticamente
Glanceable
Sugestão e
demanda

8. Não interrompa o usuário
Grandes áreas de toque
Micro-interações

9. O que precisamos?

10. O que precisamos?
Android Studio
0.8
Google Play
Services
Android Wear
Device

11. 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

12. 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

13. adb -d forward tcp:5601 tcp:5601

14. Android Wear Companion

15. Notificações
Sincronizadas
Comandos
de Voz
Aplicações
Wear
Envio e sincronização
de dados
APIs

16. Notificações
Sincronizadas
Comandos
de Voz
Aplicações
Wear
Envio e sincronização
de dados
APIs

17. Notificações
Imagem de
Background
Ícone da
aplicação
Título
Texto

18. Notificações simples

19. 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);

20. Notificações com ação

21. 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();

22. Notificações em pilha

23. 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();

24. 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);

25. Notificações com páginas

26. 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);

27. Notificações
Sincronizadas
Comandos
de Voz
Aplicações
Wear
Envio e sincronização
de dados
APIs

28. Respondendo com voz

29. Respondendo com voz
RemoteInput 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();

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

31. 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

32. Notificações
Sincronizadas
Comandos
de Voz
Aplicações
Wear
Envio e sincronização
de dados
APIs

33. Aplicações Wear
MinhaApp
MobileAPK WearAPK

34. MinhaApp

35. WatchViewStub
BoxInsetLayout
WearableListView
CircledImageView
GridViewPager
GridPagerAdapter
FragmentGridPagerAdapter
CardFragment
ConfirmationActivity
DismissOverlayView
Componentes
android.support.wearable.view.

36. <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

37. WearableListView
WearableListView
WearableListView.Item
WearableListView.ClickListener
RecyclerView.Adapter
CircledImageView

38. GridViewPager
GridViewPager
GridPagerAdapter
FragmentGridPagerAdapter
CardFragment
CardFrame

39. 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);

40. DismissOverlayView
<style name="AppTheme" parent="@android:style/Theme.DeviceDefault">
<item name="android:windowSwipeToDismiss">false</item>
</style>
<android.support.wearable.view.DismissOverlayView
android:id="@+id/dismiss"
android:layout_width="match_parent"
android:layout_height="match_parent"/>

41. Notificações
Sincronizadas
Comandos
de Voz
Aplicações
Wear
Envio e sincronização
de dados
APIs

42. Comunicação Mobile/Wear
MinhaApp
MobileAPK WearAPK

43. Google Play Services
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" />
GoogleApiClient googleApiClient =
new GoogleApiClient.Builder(context)
.addApi(Wearable.API)
.addConnectionCallbacks(cc)
.addOnConnectionFailedListener(cfl)
.build();

44. Node API
Message API
Data API

45. 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

46. Message API
Wearable.MessageApi.sendMessage(mGoogleApiClient,
node.getId(), "/navegacao", new byte[]{ 1, 2, 3 } );
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();
}
});

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

48. 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

49. 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>

51. Dúvidas?

52. Nelson Glauber
@nglauber
+NelsonGlauber
nglauber.blogspot.com