Your First Apple Watch Kit

App

@conceptdev

Craig Dunn

■ iOS “Parent” (﴾Container)﴿ App iOS App

About Watch Kit

iPhone app C# code & UI

■ iOS “Parent or Container” App ■ Watch Extension ■ Watch App

iOS App

iOS Watch Kit Extension

Watch Kit App

About Watch Kit

iPhone app C# code & UI

■ iOS “Parent or Container” App ■ Watch Extension ■ Watch App (﴾delivered to watch)﴿

iOS App

iOS Watch Kit Extension

Watch Kit App

About Watch Kit

iPhone app C# code & UI

■ iOS “Parent or Container” App ■ Watch Extension ■ Watch App (﴾delivered to watch)﴿

■ Watch Extension and App communicate!

iOS App

iOS Watch Kit Extension

Watch Kit App

About Watch Kit

Watch C# codeUI

iPhone app C# code & UI

■ iOS “Parent or Container” App ■ Watch Extension ■ Watch App (﴾delivered to watch)﴿

■ Watch Extension and App communicate! ■ Code runs in Extension on iPhone ■ UI (﴾storyboard, images)﴿ is loaded on

the watch itself

iOS App

iOS Watch Kit Extension

Watch Kit App

About Watch Kit

Watch C# codeUI

iPhone app C# code & UI

Your first Watch Kit app

■ File > New Project ■ References and Bundle IDs ■ Design a screen ■ Add some code ■ Run!

■ Start with a new or existing iPhone app ■ Watch apps are bundled inside a regular

iPhone app ■ Add an Apple Watch project

■ both the Watch App and Watch Extension are automatically created

File > New Projectnew or existing iOS App

iOS Watch Kit

Extension

Watch Kit App

■ iOS Parent App ■ References Watch Extension

■ Watch Extension ■ References Watch App

ReferencesSet Project References

new or existing iOS App

iOS Watch Kit

Extension

Watch Kit App

Bundle IDs

■ Info.plist for each project

■ Use the iOS app’s Bundle ID as the base

■ Add .watchkitapp ■ Add .watchkitextensio

n

iOS App

iOS Watch Kit

Extension

Watch Kit App

DEMO

Your First Apple Watch Kit

App

http://developer.xamarin.com/guides/ios/watch