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 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);
Notificações Sincronizadas
Comandos de Voz
Aplicações Wear
Envio e sincronização de dados
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
Notificações Sincronizadas
Comandos de Voz
Aplicações Wear
Envio e sincronização de dados
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);
<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"/>
DismissOverlayView
Notificações Sincronizadas
Comandos de Voz
Aplicações Wear
Envio e sincronização de dados
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
Top Related