Introduction to Android Wear

An introduction to Android Wear

Transcript

1. +GabrieleMariotti @GabMarioPower Introduction to Android Wear
3. What is Android Wear ? Android Wear extends the Android platform to a new generation of wearable devices
4. How does it work ?
5. How does it work ? • Phone and wearable communicate with each other over BT • Require Android 4.3+ on phone/tablet • Wearable itself doesn’t connect to internet • Limited function when connection is lost • Current available sensors are Compass, Accelerometer, Gyroscope, Heart Rate Sensor(*)
6. BATTERY LIFE: 24-36 Hrs
7. Custom OS Android Wear Watches and Android Wear watches
8. Right information at just the right time
9. Right information at just the right time Launched automatically
10. Right information at just the right time Glanceable
11. Right information at just the right time Suggest and demand
12. Right information at just the right time Zero or low interaction
13. Apps on wear
14. Apps on wear
15. Apps on wear
16. Hands on…..
17. Android Wear Project Wizard Use Android Studio! http://goo.gl/ZSJH5O Android Studio is optimized for Wear
18. Android Wear Project Wizard
19. Android Wear Project Wizard
20. Project structure
21. Wear Model : Notification Mobile Module Wear Module ?
22. Notification: simple example
23. Notification: basic example NO WORK REQUIRED
24. JAVA Notification : basic example (1) // Notification NotificationCompat.Builder notificationBuilder = new NotificationCompat.Builder(mContext) .setSmallIcon(R.drawable.ic_launcher) .setContentTitle(“Notification Title”) .setContentText(“Notification Text”) .setContentIntent(mPendingIntent);
25. JAVA Notification : basic example (2) // Get an instance of the NotificationManager service NotificationManagerCompat notificationManager = NotificationManagerCompat.from(mContext); // Build the notification and issues it with notification manager. notificationManager.notify(notificationId, notificationBuilder.build());
26. Notification: long text
27. Notification: long text NO WORK REQUIRED
28. JAVA Notification : long text //BigText NotificationCompat.BigTextStyle bigStyle = new NotificationCompat.BigTextStyle(); bigStyle.setBigContentTitle(“Big Title”); bigStyle.bigText(“Lorem ipsum……..”); // Notification NotificationCompat.Builder notificationBuilder = new NotificationCompat.Builder(mContext) .setSmallIcon(R.drawable.ic_launcher).setStyle(bigStyle) .setContentIntent(mPendingIntent);
29. Notification: big picture
30. Notification: big picture NO WORK REQUIRED NO WORK REQUIRED
31. JAVA Notification : big picture //BigPicture NotificationCompat.BigPictureStyle bigStyle = new NotificationCompat.BigPictureStyle(); bigStyle.bigPicture (BitmapFactory.decodeResource(mContext.getResources(),R.drawable.large_image)); bigStyle.setBigContentTitle(“Big Title”); bigStyle.setSummaryText(“Notification Text”); // Notification NotificationCompat.Builder notificationBuilder = new NotificationCompat.Builder(mContext) .setSmallIcon(R.drawable.ic_launcher).setStyle(bigStyle) .setContentIntent(mPendingIntent);
32. Notification: pages
33. JAVA NotificationCompat.BigPictureStyle bigStyle = new NotificationCompat.BigPictureStyle(); bigStyle.bigPicture (BitmapFactory.decodeResource(mContext.getResources(), R.drawable.large_image)); bigStyle.setBigContentTitle(“Second Page”); // Create second page notification Notification secondPageNotification = new NotificationCompat.Builder(mContext) .setStyle(bigStyle) .build(); Notification: pages
34. JAVA // Notification NotificationCompat.Builder notificationBuilder = new NotificationCompat.Builder(mContext) .setSmallIcon(R.drawable.ic_launcher) .setContentTitle(“Notification Title”) .setContentText(“Notification Text”) .extend( new NotificationCompat.WearableExtender().addPage(secondPageNotification)) .setContentIntent(mPendingIntent); Notification: pages
35. Notification: stacks
36. JAVA // Notification NotificationCompat.Builder notificationBuilder1 = new NotificationCompat.Builder(mContext) .setSmallIcon(R.drawable.ic_launcher) .setContentTitle(“Notification Title”) .setContentText("Alex New meeting") .setGroup(GROUP_KEY_EMAILS) .setContentIntent(mPendingIntent) .setSortKey("0"); notificationManager.notify(notificationId, notificationBuilder1.build()); Notification: stacks (1)
37. JAVA NotificationCompat.Builder notificationBuilder2 = new NotificationCompat.Builder(mContext) .setSmallIcon(R.drawable.ic_launcher) .setContentTitle(“Notification Title”) .setContentText("Peter Next week") .setGroup(GROUP_KEY_EMAILS) .setContentIntent(mPendingIntent) .setSortKey("1"); notificationManager.notify(notification2Id, notificationBuilder2.build()); Notification: stacks (2)
38. JAVA // Create an InboxStyle notification Notification summaryNotificationWithBackground = new NotificationCompat.Builder(mContext) .setSmallIcon(R.drawable.ic_launcher).setLargeIcon(largeIcon) .setStyle(new NotificationCompat.InboxStyle() .addLine("Alex New meeting") .addLine("Peter Next week") .setBigContentTitle("2 new messages") .setSummaryText("johndoe@gmail.com")) .setGroup(GROUP_KEY_EMAILS).setGroupSummary(true).build(); notificationManager.notify(notification3Id, summaryNotificationWithBackground); Notification: stacks (3)
39. Notification: actions
40. Notification: actions NO WORK REQUIRED
41. JAVA // Notification NotificationCompat.Builder notificationBuilder = new NotificationCompat.Builder(mContext) .setSmallIcon(R.drawable.ic_launcher) .setContentTitle(“Notification Title”) .setContentText(“Notification Text”) .addAction(R.drawable.ic_full_action, “Simple Action”,mPendingActionIntent) .setContentIntent(mPendingIntent); Notification: simple action
42. Notification: reply action
43. JAVA NotificationCompat.Action action = new NotificationCompat.Action.Builder( R.drawable.ic_full_reply,“Reply”,mPendingIntent) .addRemoteInput(mNotificationUtil.getReplyAction()) .build(); public RemoteInput getReplyAction(){ RemoteInput remoteInput = new RemoteInput.Builder(EXTRA_VOICE_REPLY) .setLabel(“Reply”).build(); return remoteInput; } Notification: reply action (1)
44. JAVA // Notification NotificationCompat.Builder notificationBuilder = new NotificationCompat.Builder(mContext) .setSmallIcon(R.drawable.ic_launcher) .setContentTitle(“Notification Title”) .setContentText(“Notification Text”) .extend(new NotificationCompat.WearableExtender().addAction(action)); Notification: reply action (2)
45. Notification: reply action with choices
46. JAVA public RemoteInput getReplyActionWithPredefinedTextResponses(){ RemoteInput remoteInput = new RemoteInput.Builder(EXTRA_VOICE_REPLY) .setLabel(“Reply”) .setChoices(mContext.getResources().getStringArray(R.array.reply_choices)) .build(); return remoteInput; } <string-array name="reply_choices"> <item>Yes</item> <item>No</item> </string-array> Notification: reply action with choices
47. Wear Model : Connection Mobile Module Wear Module GoogleApi Client GoogleApi Client
48. JAVA GoogleApiClient Connection //Connect the GoogleApiClient mGoogleApiClient = new GoogleApiClient.Builder(this) .addApi(Wearable.API) .addConnectionCallbacks(this) .addOnConnectionFailedListener(this) .build();
49. JAVA GoogleApiClient Connection @Override protected void onStart() { super.onStart(); mGoogleApiClient.connect(); } @Overrire protected void onStop(){ super.onStop(); mGoogleApiClient.disconnect(); }
50. JAVA Connected Nodes Connection private void resolveNode() { Wearable.NodeApi.getConnectedNodes(mGoogleApiClient) .setResultCallback(new ResultCallback<NodeApi.GetConnectedNodesResult>() { @Override public void onResult(NodeApi.GetConnectedNodesResult nodes) { for (Node node : nodes.getNodes()) { //….. } } }); }
51. JAVA Node - Listeners Connection public interface NodeApi.NodeListener { void onPeerConnected(com.google.android.gms.wearable.Node node); void onPeerDisconnected(com.google.android.gms.wearable.Node node); } Example: public class MyActivity extends Activity implements NodeApi.NodeListener { public void onConnected(Bundle bundle) { Wearable.NodeApi.addListener(mGoogleApiClient, this); } }
52. Wear Model : Message Message Message Message Message
53. JAVA Wearable.MessageApi.sendMessage( mGoogleApiClient, nodeId, PATH, payload).setResultCallback( new ResultCallback<MessageApi.SendMessageResult>() { @Override public void onResult(MessageApi.SendMessageResult sendMessageResult) { //………. } } ); Message MessageAPI
54. JAVA Message - Listener Message interface MessageApi.MessageListener { void onMessageReceived(com.google.android.gms.wearable.MessageEvent messageEvent); } Example: public class MyActivity extends Activity implements MessageApi.MessageListener { public void onConnected(Bundle bundle) { Wearable.MessageApi.addListener(mGoogleApiClient, this); } }
55. Wear Model : Data Data Data
56. JAVA PutDataMapRequest dataMap = PutDataMapRequest.create("/count"); dataMap.getDataMap().putInt(COUNT_KEY, count++); //dataMap.getDataMap().putString(“/myItemId”, “Hello World”); PutDataRequest request = dataMap.asPutDataRequest(); PendingResult<DataApi.DataItemResult> pendingResult = Wearable.DataApi.putDataItem(mGoogleApiClient, request); Data DataAPI
57. JAVA Data - Listener Data interface DataApi.DataListener { void onDataChanged(com.google.android.gms.wearable.DataEventBuffer dataEventBuffer); } Example: public class MyActivity extends Activity implements DataApi.DataListener { public void onConnected(Bundle bundle) { Wearable.DataApi.addListener(mGoogleApiClient, this); } }
58. Wear Model : Message/Data Activity Activity WearableListenerSer vice WearableListenerSer vice
59. JAVA Activity Receiving Message public classs MyActivity extends Activity implements MessageApi.MessageListener { //Add the listener in onConnected() method @Override public void onMessageReceived(MessageEvent messageEvent) { if (messageEvent.getPath().equals(PATH)) { byte[] bytes = messageEvent.getData(); } } }
60. JAVA Service Receiving Message <service android:name=".MyListenerService"> <intent-filter> <action android:name="com.google.android.gms.wearable.BIND_LISTENER" /> </intent-filter> </service> public classs MyListenerService extends WearableListenerService { @Override public void onMessageReceived(MessageEvent messageEvent) { //………….. }
61. JAVA Activity Receiving Data public classs MyActivity extends Activity implements DataApi.DataListener { //Add the listener in onConnected() method @Override public void onDataChanged(DataEventBuffer dataEvents) { for (DataEvent event : dataEvents) { if (event.getType() == DataEvent.TYPE_DELETED) { Log.d(TAG, "DataItem deleted: " + event.getDataItem().getUri()); } else if (event.getType() == DataEvent.TYPE_CHANGED) { Log.d(TAG, "DataItem changed: " + event.getDataItem().getUri()); } } }
62. JAVA Service Receiving Data <service android:name=".MyListenerService"> <intent-filter> <action android:name="com.google.android.gms.wearable.BIND_LISTENER" /> </intent-filter> </service> public classs MyListenerService extends WearableListenerService { @Override public void onDataChanged(DataEventBuffer dataEvents) { //………….. }
63. JAVA Example: launch Activity on mobile from wear SendMessageActivity extends Activity { … @Override protected void onCreate(Bundle savedInstanceState) { super.onCreate(savedInstanceState); setContentView(R.layout.main); mGoogleApiClient = new GoogleApiClient.Builder(this) .addApi(Wearable.API) .build(); } wear/SendMessageActivity.java
64. JAVA Example: launch Activity on mobile from wear … @Override protected void onStart() { super.onStart(); mGoogleApiClient.connect(); } @Override protected void onStop() { super.onStop(); mGoogleApiClient.disconnect(); } wear/SendMessageActivity.java
65. JAVA Example: launch Activity on mobile from wear private void resolveNode() { Wearable.NodeApi.getConnectedNodes(mGoogleApiClient) .setResultCallback(new ResultCallback<NodeApi.GetConnectedNodesResult>() { @Override public void onResult(NodeApi.GetConnectedNodesResult nodes) { for (Node node : nodes.getNodes()) { sendMessage(node); } } }); } wear/SendMessageActivity.java
66. JAVA Example: launch Activity on mobile from wear static final String HELLO_WORLD_WEAR_PATH = "/hello-world-wear"; private void sendMessage(Node node){ Wearable.MessageApi.sendMessage( mGoogleApiClient, node.getId(), HELLO_WORLD_WEAR_PATH,null) .setResultCallback(new ResultCallback<MessageApi.SendMessageResult>() { @Override public void onResult(MessageApi.SendMessageResult sendMessageResult) { if (!sendMessageResult.getStatus().isSuccess()) { Log.e("TAG", "Failed to send message with status code: " + sendMessageResult.getStatus().getStatusCode()); } } } ); } wear/SendMessageActivity.java
67. JAVA Example: launch Activity on mobile from wear public class ListenerServiceFromWear extends WearableListenerService { private static final String WEAR_PATH = "/hello-world-wear"; @Override public void onMessageReceived(MessageEvent messageEvent) { if (messageEvent.getPath().equals(WEAR_PATH)) { Intent startIntent = new Intent(this, EmptyActivity.class); startIntent.addFlags(Intent.FLAG_ACTIVITY_NEW_TASK); startActivity(startIntent); } } } mobile/ListenerService.java
68. JAVA Example: launch Activity on mobile from wear You can find the full code here: https://gist.github.com/gabrielemariotti/117b05aad4db251f7534
69. References and Credits - Getting Started with Android Wear http://developer.android.com/wear - Build apps for Wearables http://developer.android.com/training/building-wearables.html - Thanks to Mario Viviani for some slides and ideas from Kick-Start Your Experience with Android Wear
70. +GabrieleMariotti @GabMarioPower Thank you!