Introduction in Android Wear and Watchfaces

Transcript

1. Intro in Android Wear & watchfaces Dionysis Lorentzos
2. Topics: • Installation • Google Wear APIs • Android watchface elements
3. Install it!
4. Project schema • Mobile • Wear • Shared module • Wear • Shared module
5. Packaging !" no variants wearApp project(':wearable') !" variants debugWearApp project(path: ':wear', configuration: 'snapshotDebug')
 internalWearApp project(path: ':wear', configuration: 'snapshotInternal')
 releaseWearApp project(path: ':wear', configuration: 'productionRelease') Two apps: • The mobile (could be empty) • The wear app Mobile build.gradle:
6. Wear build.grade compile 'com.google.android.support:wearable:1.3.0'
 compile "com.google.android.gms:play-services-wearable:8.4.0"
7. Gooooogle Wear APIs (aka Data Layer)
8. (node) (node)
9. Data Layer • Node • Capability • Messages • Data • Channel
10. Node API (node) „Lists (or listens to) the connected nodes“ (node)
11. Node API example Wearable.NodeApi.getConnectedNodes(googleApiClient)
 .setResultCallback(new ResultCallbacks<NodeApi.GetConnectedNodesResult>() {
 @Override
 public void onSuccess(@NonNull NodeApi.GetConnectedNodesResult getConnectedNodesResult) {
 
 List<Node> nodes = getConnectedNodesResult.getNodes();
 
 }
 
 @Override public void onFailure(@NonNull Status status) {
 
 }
 });

12. Node API example Wearable.NodeApi.getConnectedNodes(googleApiClient)
 .setResultCallback(new ResultCallbacks<NodeApi.GetConnectedNodesResult>() {
 @Override
 public void onSuccess(@NonNull NodeApi.GetConnectedNodesResult getConnectedNodesResult) {
 
 List<Node> nodes = getConnectedNodesResult.getNodes();
 
 }
 
 @Override public void onFailure(@NonNull Status status) {
 
 }
 });

13. Node API example Wearable.NodeApi.getConnectedNodes(googleApiClient)
 .setResultCallback(new ResultCallbacks<NodeApi.GetConnectedNodesResult>() {
 @Override
 public void onSuccess(@NonNull NodeApi.GetConnectedNodesResult getConnectedNodesResult) {
 
 List<Node> nodes = getConnectedNodesResult.getNodes();
 
 }
 
 @Override public void onFailure(@NonNull Status status) {
 
 }
 });

14. Node API example Wearable.NodeApi.getConnectedNodes(googleApiClient)
 .setResultCallback(new ResultCallbacks<NodeApi.GetConnectedNodesResult>() {
 @Override
 public void onSuccess(@NonNull NodeApi.GetConnectedNodesResult getConnectedNodesResult) {
 
 List<Node> nodes = getConnectedNodesResult.getNodes();
 
 }
 
 @Override public void onFailure(@NonNull Status status) {
 
 }
 });

15. Capability API app not install „Can your node perform an action?“ app installed
16. Capability API example Wearable.CapabilityApi.getCapability(googleApiClient, "NOTIFY-WEATHER", CapabilityApi.FILTER_REACHABLE)
 .setResultCallback(new ResultCallbacks<CapabilityApi.GetCapabilityResult>() {
 @Override
 public void onSuccess(@NonNull CapabilityApi.GetCapabilityResult getCapabilityResult) {
 
 Set<Node> nodes = getCapabilityResult.getCapability().getNodes();
 
 }
 
 @Override public void onFailure(@NonNull Status status) {
 
 }
 });
17. Capability API example Wearable.CapabilityApi.getCapability(googleApiClient, "NOTIFY-WEATHER", CapabilityApi.FILTER_REACHABLE)
 .setResultCallback(new ResultCallbacks<CapabilityApi.GetCapabilityResult>() {
 @Override
 public void onSuccess(@NonNull CapabilityApi.GetCapabilityResult getCapabilityResult) {
 
 Set<Node> nodes = getCapabilityResult.getCapability().getNodes();
 
 }
 
 @Override public void onFailure(@NonNull Status status) {
 
 }
 });
18. Capability API example Wearable.CapabilityApi.getCapability(googleApiClient, "NOTIFY-WEATHER", CapabilityApi.FILTER_REACHABLE)
 .setResultCallback(new ResultCallbacks<CapabilityApi.GetCapabilityResult>() {
 @Override
 public void onSuccess(@NonNull CapabilityApi.GetCapabilityResult getCapabilityResult) {
 
 Set<Node> nodes = getCapabilityResult.getCapability().getNodes();
 
 }
 
 @Override public void onFailure(@NonNull Status status) {
 
 }
 });
19. Messages API „One-way requests“ event event
20. Messages API example Wearable.MessageApi.sendMessage(googleApiClient, nodeId, eventPathIdentifier, messageLoadInBytes)
 .setResultCallback( !!. );
21. Data API „Data storage accessible from the wear network“ e.g. watchface preferences
22. Data API example Wearable.DataApi.putDataItem(googleApiClient, dataItemRequest)
 .setResultCallback( !!. );
 Wearable.DataApi.getDataItem(googleApiClient, storagePathUri)
 .setResultCallback( !!. );

23. Channel API „Transfer large data items" e.g. photo
24. Slicknode /Diolor/Slicknode
25. Slicknode CapabilityObservable.getInfoReachable(googleApiClient, capability) .flatMapIterable { it !→ it.nodes }
 .map { it.id } .flatMap { MessageObservable.sendMessage(googleApiClient, it, "/message-path", ByteArray(0)) }
 .subscribe() /Diolor/Slicknode
26. Slicknode CapabilityObservable.getInfoReachable(googleApiClient, capability) .flatMapIterable { it !→ it.nodes }
 .map { it.id } .flatMap { MessageObservable.sendMessage(googleApiClient, it, "/message-path", ByteArray(0)) }
 .subscribe() /Diolor/Slicknode
27. Slicknode CapabilityObservable.getInfoReachable(googleApiClient, capability) .flatMapIterable { it !→ it.nodes }
 .map { it.id } .flatMap { MessageObservable.sendMessage(googleApiClient, it, "/message-path", ByteArray(0)) }
 .subscribe() /Diolor/Slicknode
28. Slicknode CapabilityObservable.getInfoReachable(googleApiClient, capability) .flatMapIterable { it !→ it.nodes }
 .map { it.id } .flatMap { MessageObservable.sendMessage(googleApiClient, it, "/message-path", ByteArray(0)) }
 .subscribe() /Diolor/Slicknode
29. Watchface elements
30. The watchface CanvasWatchFaceService „a service with a….canvas“
31. The CanvasWatchFaceService 
 <service
 android:name=".momentuum.MomentuumFaceService"
 android:label="@string/momentuum"
 android:permission="android.permission.BIND_WALLPAPER"> 
 <meta-data
 android:name="android.service.wallpaper"
 android:resource="@xml/watch_face"/>
 <meta-data
 android:name="com.google.android.wearable.watchface.preview"
 android:resource="@drawable/preview_square"/>
 <meta-data
 android:name="com.google.android.wearable.watchface.preview_circular"
 android:resource="@drawable/preview_circular"/>
 <meta-data
 android:name="com.google.android.wearable.watchface.wearableConfigurationAction"
 android:value="com.lorentzos.aplo.CONFIG_DIGITAL"/>
 
 <intent-filter>
 <action android:name="android.service.wallpaper.WallpaperService"/>
 
 <category android:name="com.google.android.wearable.watchface.category.WATCH_FACE"/>
 </intent-filter> 
 </service>
32. The CanvasWatchFaceService 
 <service
 android:name=".momentuum.MomentuumFaceService"
 android:label="@string/momentuum"
 android:permission="android.permission.BIND_WALLPAPER"> 
 <meta-data
 android:name="android.service.wallpaper"
 android:resource="@xml/watch_face"/>
 <meta-data
 android:name="com.google.android.wearable.watchface.preview"
 android:resource="@drawable/preview_square"/>
 <meta-data
 android:name="com.google.android.wearable.watchface.preview_circular"
 android:resource="@drawable/preview_circular"/>
 <meta-data
 android:name="com.google.android.wearable.watchface.wearableConfigurationAction"
 android:value="com.lorentzos.aplo.CONFIG_DIGITAL"/>
 
 <intent-filter>
 <action android:name="android.service.wallpaper.WallpaperService"/>
 
 <category android:name="com.google.android.wearable.watchface.category.WATCH_FACE"/>
 </intent-filter> 
 </service>
33. The CanvasWatchFaceService 
 <service
 android:name=".momentuum.MomentuumFaceService"
 android:label="@string/momentuum"
 android:permission="android.permission.BIND_WALLPAPER"> 
 <meta-data
 android:name="android.service.wallpaper"
 android:resource="@xml/watch_face"/>
 <meta-data
 android:name="com.google.android.wearable.watchface.preview"
 android:resource="@drawable/preview_square"/>
 <meta-data
 android:name="com.google.android.wearable.watchface.preview_circular"
 android:resource="@drawable/preview_circular"/>
 <meta-data
 android:name="com.google.android.wearable.watchface.wearableConfigurationAction"
 android:value="com.lorentzos.aplo.CONFIG_DIGITAL"/>
 
 <intent-filter>
 <action android:name="android.service.wallpaper.WallpaperService"/>
 
 <category android:name="com.google.android.wearable.watchface.category.WATCH_FACE"/>
 </intent-filter> 
 </service>
34. xml/watch_face.xml <?xml version="1.0" encoding="UTF-8"?>
 <wallpaper/> <meta-data
 android:name="android.service.wallpaper"
 android:resource="@xml/watch_face"/>
35. The CanvasWatchFaceService 
 <service
 android:name=".momentuum.MomentuumFaceService"
 android:label="@string/momentuum"
 android:permission="android.permission.BIND_WALLPAPER"> 
 <meta-data
 android:name="android.service.wallpaper"
 android:resource="@xml/watch_face"/>
 <meta-data
 android:name="com.google.android.wearable.watchface.preview"
 android:resource="@drawable/preview_square"/>
 <meta-data
 android:name="com.google.android.wearable.watchface.preview_circular"
 android:resource="@drawable/preview_circular"/>
 <meta-data
 android:name="com.google.android.wearable.watchface.wearableConfigurationAction"
 android:value="com.lorentzos.aplo.CONFIG_DIGITAL"/>
 
 <intent-filter>
 <action android:name="android.service.wallpaper.WallpaperService"/>
 
 <category android:name="com.google.android.wearable.watchface.category.WATCH_FACE"/>
 </intent-filter> 
 </service>
37. The CanvasWatchFaceService 
 <service
 android:name=".momentuum.MomentuumFaceService"
 android:label="@string/momentuum"
 android:permission="android.permission.BIND_WALLPAPER"> 
 <meta-data
 android:name="android.service.wallpaper"
 android:resource="@xml/watch_face"/>
 <meta-data
 android:name="com.google.android.wearable.watchface.preview"
 android:resource="@drawable/preview_square"/>
 <meta-data
 android:name="com.google.android.wearable.watchface.preview_circular"
 android:resource="@drawable/preview_circular"/>
 <meta-data
 android:name="com.google.android.wearable.watchface.wearableConfigurationAction"
 android:value="com.lorentzos.aplo.CONFIG_DIGITAL"/>
 
 <intent-filter>
 <action android:name="android.service.wallpaper.WallpaperService"/>
 
 <category android:name="com.google.android.wearable.watchface.category.WATCH_FACE"/>
 </intent-filter> 
 </service>
39. The CanvasWatchFaceService 
 <service
 android:name=".momentuum.MomentuumFaceService"
 android:label="@string/momentuum"
 android:permission="android.permission.BIND_WALLPAPER"> 
 <meta-data
 android:name="android.service.wallpaper"
 android:resource="@xml/watch_face"/>
 <meta-data
 android:name="com.google.android.wearable.watchface.preview"
 android:resource="@drawable/preview_square"/>
 <meta-data
 android:name="com.google.android.wearable.watchface.preview_circular"
 android:resource="@drawable/preview_circular"/>
 <meta-data
 android:name="com.google.android.wearable.watchface.wearableConfigurationAction"
 android:value="com.lorentzos.aplo.CONFIG_DIGITAL"/>
 
 <intent-filter>
 <action android:name="android.service.wallpaper.WallpaperService"/>
 
 <category android:name="com.google.android.wearable.watchface.category.WATCH_FACE"/>
 </intent-filter> 
 </service>
40. The CanvasWatchFaceService class MomentuumFaceService : CanvasWatchFaceService() {
 
 override fun onCreateEngine(): Engine = MomentuumEngine()
 
 
 inner class MomentuumEngine : CanvasWatchFaceService.E ngine() {
 
 override fun onCreate(holder: SurfaceHolder?) {
 super.onCreate(holder)
 }
 
 override fun onDestroy() {
 super.onDestroy()
 }
 
 override fun onDraw(canvas: Canvas?, bounds: Rect?) {
 super.onDraw(canvas, bounds)
 }
 
 override fun onAmbientModeChanged(inAmbientMode: Boolean) {
 super.onAmbientModeChanged(inAmbientMode)
 }
 
 override fun onVisibilityChanged(visible: Boolean) {
 super.on VisibilityChanged(visible)
 }
 
 override fun onTimeTick() {
 super.onTimeTick()
 }
 
 }
 }
41. The CanvasWatchFaceService class MomentuumFaceService : CanvasWatchFaceService() {
 
 override fun onCreateEngine(): Engine = MomentuumEngine()
 
 
 inner class MomentuumEngine : CanvasWatchFaceService.E ngine() {
 
 override fun onCreate(holder: SurfaceHolder?) {
 super.onCreate(holder)
 }
 
 override fun onDestroy() {
 super.onDestroy()
 }
 
 override fun onDraw(canvas: Canvas?, bounds: Rect?) {
 super.onDraw(canvas, bounds)
 }
 
 override fun onAmbientModeChanged(inAmbientMode: Boolean) {
 super.onAmbientModeChanged(inAmbientMode)
 }
 
 override fun onVisibilityChanged(visible: Boolean) {
 super.on VisibilityChanged(visible)
 }
 
 override fun onTimeTick() {
 super.onTimeTick()
 }
 
 }
 }
42. The CanvasWatchFaceService.Engine class MomentuumFaceService : CanvasWatchFaceService() {
 
 override fun onCreateEngine(): Engine = MomentuumEngine()
 
 
 inner class MomentuumEngine : CanvasWatchFaceService.E ngine() {
 
 override fun onCreate(holder: SurfaceHolder?) {
 super.onCreate(holder)
 }
 
 override fun onDestroy() {
 super.onDestroy()
 }
 
 override fun onDraw(canvas: Canvas?, bounds: Rect?) {
 super.onDraw(canvas, bounds)
 }
 
 override fun onAmbientModeChanged(inAmbientMode: Boolean) {
 super.onAmbientModeChanged(inAmbientMode)
 }
 
 override fun onVisibilityChanged(visible: Boolean) {
 super.on VisibilityChanged(visible)
 }
 
 override fun onTimeTick() {
 super.onTimeTick()
 }
 
 }
 }
43. The CanvasWatchFaceService.Engine class MomentuumFaceService : CanvasWatchFaceService() {
 
 override fun onCreateEngine(): Engine = MomentuumEngine()
 
 
 inner class MomentuumEngine : CanvasWatchFaceService.E ngine() {
 
 override fun onCreate(holder: SurfaceHolder?) {
 super.onCreate(holder)
 }
 
 override fun onDestroy() {
 super.onDestroy()
 }
 
 override fun onDraw(canvas: Canvas?, bounds: Rect?) {
 super.onDraw(canvas, bounds)
 }
 
 override fun onAmbientModeChanged(inAmbientMode: Boolean) {
 super.onAmbientModeChanged(inAmbientMode)
 }
 
 override fun onVisibilityChanged(visible: Boolean) {
 super.on VisibilityChanged(visible)
 }
 
 override fun onTimeTick() {
 super.onTimeTick()
 }
 
 }
 }
44. The CanvasWatchFaceService.Engine class MomentuumFaceService : CanvasWatchFaceService() {
 
 override fun onCreateEngine(): Engine = MomentuumEngine()
 
 
 inner class MomentuumEngine : CanvasWatchFaceService.E ngine() {
 
 override fun onCreate(holder: SurfaceHolder?) {
 super.onCreate(holder)
 }
 
 override fun onDestroy() {
 super.onDestroy()
 }
 
 override fun onDraw(canvas: Canvas?, bounds: Rect?) {
 super.onDraw(canvas, bounds)
 }
 
 override fun onAmbientModeChanged(inAmbientMode: Boolean) {
 super.onAmbientModeChanged(inAmbientMode)
 }
 
 override fun onVisibilityChanged(visible: Boolean) {
 super.on VisibilityChanged(visible)
 }
 
 override fun onTimeTick() {
 super.onTimeTick()
 }
 
 }
 } Draw your watch face here
45. The CanvasWatchFaceService.Engine class MomentuumFaceService : CanvasWatchFaceService() {
 
 override fun onCreateEngine(): Engine = MomentuumEngine()
 
 
 inner class MomentuumEngine : CanvasWatchFaceService.E ngine() {
 
 override fun onCreate(holder: SurfaceHolder?) {
 super.onCreate(holder)
 }
 
 override fun onDestroy() {
 super.onDestroy()
 }
 
 override fun onDraw(canvas: Canvas?, bounds: Rect?) {
 super.onDraw(canvas, bounds)
 }
 
 override fun onAmbientModeChanged(inAmbientMode: Boolean) {
 super.onAmbientModeChanged(inAmbientMode)
 }
 
 override fun onVisibilityChanged(visible: Boolean) {
 super.on VisibilityChanged(visible)
 }
 
 override fun onTimeTick() {
 super.onTimeTick()
 }
 
 }
 }
46. Your challenges
47. Your challenges • Deal with a canvas -> no dp
48. Your challenges • Deal with a canvas -> no dp • Deal with a canvas -> stupid square wearables
49. Your challenges • Deal with a canvas -> no dp • Deal with a canvas -> stupid square wearables • Deal with time/timezone/ambient mode changes
50. Your challenges • Deal with a canvas -> no dp • Deal with a canvas -> stupid square wearables • Deal with time/timezone/ambient mode changes • You will remember high-school trigonometry
51. The preferences Just an Activity
52. The preferences <activity
 android:name=".momentuum.config.ConfigActivity"
 android:launchMode="singleInstance"
 android:label="@string/config_title"> 
 <intent-filter>
 <action android:name="com.lorentzos.aplo.CONFIG_DIGITAL"/>
 
 <category android:name="com.google.android.wearable.watchface.category.WEARABLE_CONFIGURATION"/> 
 <category android:name="android.intent.category.DEFAULT"/>
 </intent-filter> 
 </activity>

53. The preferences <activity
 android:name=".momentuum.config.ConfigActivity"
 android:launchMode="singleInstance"
 android:label="@string/config_title"> 
 <intent-filter>
 <action android:name="com.lorentzos.aplo.CONFIG_DIGITAL"/>
 
 <category android:name="com.google.android.wearable.watchface.category.WEARABLE_CONFIGURATION"/> 
 <category android:name="android.intent.category.DEFAULT"/>
 </intent-filter> 
 </activity>

54. The preferences <activity
 android:name=".momentuum.config.ConfigActivity"
 android:launchMode="singleInstance"
 android:label="@string/config_title"> 
 <intent-filter>
 <action android:name="com.lorentzos.aplo.CONFIG_DIGITAL"/>
 
 <category android:name="com.google.android.wearable.watchface.category.WEARABLE_CONFIGURATION"/> 
 <category android:name="android.intent.category.DEFAULT"/>
 </intent-filter> 
 </activity>

56. The preferences class BaseOptionsActivity : Activity(), WearableList View.ClickListener, WearableList View.OnScrollListener {
 
 override fun onTopEmptyRegion Click() {
 }
 
 override fun onAbsoluteScrollChange(scroll: Int) { }
 
 override fun onScroll(p0: Int) {
 }
 
 override fun onCentralPositionChanged(p0: Int) {
 }
 
 override fun onScrollStateChanged(p0: Int) {
 }
 
 override fun onClick(p0: WearableList View.ViewHolder) {
 }
 
 }
57. layout/config_activity <android.support.wearable.view.WearableList View
 android:layout_width="match_parent"
 android:layout_height="match_parent"/> Fact: „Hardcoded by Google list item height - 3 items visible“
58. And how do you update the watchface?
59. Activity Service Persistent storage Activity (hint: Wearable.DataApi)
60. ?id=com.lorentzos.wear Low Studio Watch Faces
61. Challenges
62. Challenges • Slow APK installation on Emulator
63. Challenges • Slow APK installation on Emulator • Even slower installation on real device
64. Challenges • Slow APK installation on Emulator • Even slower installation on real device • Have fun debugging on real device…
65. Challenges • Slow APK installation on Emulator • Even slower installation on real device • Have fun debugging on real device… • Google Location services don’t work in emulator
66. Intro in Android Wear & watch faces Dionysis Lorentzos https://github.com/ Diolor/Slicknode http://bit.ly/ Diolor-Momentuum https://twitter.com/ Diolor