Programming AppleWatch and AndroidWear - The Xamarin Way

22
Wearable App Dev The Xamarin Way

Transcript of Programming AppleWatch and AndroidWear - The Xamarin Way

Page 1: Programming AppleWatch and AndroidWear - The Xamarin Way

Wearable App DevThe Xamarin Way

Page 2: Programming AppleWatch and AndroidWear - The Xamarin Way

@iAmVMac

About Me

About me

• Coder by Profession | Gamer by Heart

• Microsoft MVP – Xbox | Intel Software Innovator Developer @ DELL

• @iAmVMac

• http://iamGa.Me

• http://about.me/mscvidyasagar

Page 3: Programming AppleWatch and AndroidWear - The Xamarin Way

@iAmVMac

Get Lost

Page 4: Programming AppleWatch and AndroidWear - The Xamarin Way

@iAmVMac

Mobiliophobia

Page 5: Programming AppleWatch and AndroidWear - The Xamarin Way
Page 6: Programming AppleWatch and AndroidWear - The Xamarin Way

Architecture

@iAmVMac

Page 7: Programming AppleWatch and AndroidWear - The Xamarin Way

@iAmVMac

Navigation Choices

Page 8: Programming AppleWatch and AndroidWear - The Xamarin Way

Glances

@iAmVMac

Template-based Not scrollable, single screen Read-only. Tapping anywhere on the glance opens the

app. Optional. Not all apps need a Glance, and users can

select which Glances to display.

Page 9: Programming AppleWatch and AndroidWear - The Xamarin Way

@iAmVMac

Notifications

• Lightweight interactions

• Can be short- and long-view

• May contain user actions

Page 10: Programming AppleWatch and AndroidWear - The Xamarin Way

@iAmVMac

UI Elements

Page 11: Programming AppleWatch and AndroidWear - The Xamarin Way

@iAmVMac

More UIElements

Page 12: Programming AppleWatch and AndroidWear - The Xamarin Way

@iAmVMac

Demo

Page 13: Programming AppleWatch and AndroidWear - The Xamarin Way

@iAmVMac

Page 14: Programming AppleWatch and AndroidWear - The Xamarin Way

@iAmVMac

Page 15: Programming AppleWatch and AndroidWear - The Xamarin Way

@iAmVMac

UX

Page 16: Programming AppleWatch and AndroidWear - The Xamarin Way

@iAmVMac

Notifications

Page 17: Programming AppleWatch and AndroidWear - The Xamarin Way

@iAmVMac

Notifications-Actions

Page 18: Programming AppleWatch and AndroidWear - The Xamarin Way

@iAmVMac

Extending Existing Notifications

Lazy, but very effective!

Uses Notification.WearableExtender

Custom Backgrounds

Actions specific for Wear

Remote Input

Voice Input

Predefined actions

Pages, Stacking, and More!

Page 19: Programming AppleWatch and AndroidWear - The Xamarin Way

@iAmVMac

Companion App

Page 20: Programming AppleWatch and AndroidWear - The Xamarin Way

@iAmVMac

Companion App

• Android app that runs on a wearable New Themes New UI Widgets – Wearable UI Library

• BoxInsetLayout

• CircledImageView

• WearableListView

• More…

Page 21: Programming AppleWatch and AndroidWear - The Xamarin Way

@iAmVMac

GridViewPager

Page 22: Programming AppleWatch and AndroidWear - The Xamarin Way

@iAmVMac

Communication

Data API

Message API