How To Create A “Hello World” WatchKit App

WatchKit is officially out!!!! Here is how to get started:

Download XCode 6.2 Beta

Just head over to the XCode Downloads page, and get the latest Beta of XCode!

Create New Project

Got to your new XCode-Beta, and select Create a new Xcode project. As usual, select Single View Application, and go through the process of saving the project as normal:

WatchKit New Application

Create a Watch App Target

Now here comes the fun part! From the XCode menu, select New -> Target:

New Target XCode

Now, go to the Apple Watch Section, and select Watch App:

Watch App Target

Click Next, and de-select the Notification and Glance Scene options to make life simpler to start with:

Screen Shot 2014-11-18 at 3.20.26 PM

Click Finish, and you’re almost there!

Add Label

Go to the Interface.storyboard in your Watch App Target:

Storyboard

Now, drag a label onto your Interface Controller, and add the Hello, World! text. Make sure to Center your label!

Label

Yes, that’s right. No AutoLayout here!

Run the App!

This is where things get tricky. Make sure to select the Watch App Target to run. Just choose any iPhone Simulator.

Target

Finally, select the Apple Watch as an External Device from your iOS Simulator Hardware Menu option:

Hardware

Re-run the app, and you’ll see the watch app!

Hello World Watch

Happy WatchKit hacking!!!!

Enjoy the article? Join over 14,500+ Swift developers and enthusiasts who get my weekly updates.

  • A great start 🙂 Very quick. Thank you.

  • Isuru Nanayakkara

    Can’t we use xib files to create UIs or are we stuck with storyboards?

  • I just see a black screen for the Apple Watch Simulator. What did I do wrong?

  • Kendall Helmstetter Gelner

    If you see a black screen only, it could be you waited too long to bring up the AppleWatch device from the simulator – I saw messages in the log claiming my WatchKit extension had “lax activation”. Just re-running my WatchKit scheme brought the app up on the watch sim.

    What I’d like to know is, how to simulate a glance…

  • Alexander A.

    This was simple and concise. Thanks.

  • Spiv

    Newbie question – can I install Xcode 6.2 and still use previous release of Xcode or will installing Xcode 6.2 beta replace prior copies on my Mac?

    • Yes! The XCode 6.2 downloads as a different Application than the Xcode you already have. Enjoy!

  • Love it! Thank you Natasha

  • The ideas are flowing……

  • Shanthi

    Hi Natasha,
    I followed your instruction and I am getting errors.
    When I try to run the iOS simulator it doesn’t show the Apple watch as External display. Can you tell me what I am doing wrong here

    • You can download the latest simulator by going to Xcode -> Preferences -> Downloads

  • Shanthi

    Attached screenshots here

  • Developer from China

    I’m Stuck on the Black scene as well , dunno why?

  • Good Job!! So easy to learn Apple Watch App.

  • Alen

    I too got a BLACK Screen for the Apple Watch Simulator.
    Could any1 pls help me on this ?

    • I’m positive that you already made it work but for other people, what I did was change the simulator version to 8.3

    • I’m positive you already fixed it but for other people, what I did was change the version of the simulator to iOS 8.3.

      • Try going to the Xcode menu Select Debug > Attach to Process > (YOUR WatchKit App)

        • If you’re not on 8.3 it will not work, it will just add another “Waiting to Attach” build.

          If you’re on 8.3, you don’t have to.

  • Thanks for sharing

  • ranjiT

    Nice 🙂

  • Amit Ajmera

    I have already made app for iphone, Can i reuse its all storyboards screen for iWatch or should I have to remake all screens again?

    • iosdeveloper

      Iphone storyboards screens won’t work in applewatch.You have to create all the screens again for the applewatch.While creating watch target in xcode it will create two new folders watchkitextension and watchkit app.If you expand watchkit app folder interface.storyboard file will be there. In interface.storyborad you need to design for watch app

      • Amit Ajmera

        Okay Thanks 🙂 I will code this way !!

  • Srinivas Kanukuntla

    NSString *str = [self.Label setText:@”something”];
    it’s getting error why ? in iwatch

  • thanks its a great start.