WatchKit Controls

PDF for offline use
Sample Code:
Related SDKs:

Let us know how you feel about this


0/250

last updated: 2016-09

The WatchKitCatalog sample demonstrates various watchOS controls. The app's storyboard is shown here (click to zoom):

The programmatic names of all the controls is prefixed with WKInterface (eg. WKInterfaceLabel, WKInterfaceButton).

Control Description Screenshot
Label Use SetText and other properties to control the appearance of text in a label control. NSAttributedString is also supported.
Catalog code
Button Create and set properties in the storyboard. Ctrl+drag to add an Action to implement a handler for when it's clicked.
Catalog code
Switch Use SetOn to control the switch state.
Catalog code
Slider Many different styles are possible.
Catalog code
Image Use myImage.SetImage("MyWatchImage") to load images on the watch, or WKInterfaceDevice.CurrentDevice.AddCachedImage to cache them for repeated use on the watch.
Image Control documentation
Catalog code
Separator Use separators to help create attractive watch UIs.
Catalog code
Map The map image is statically displayed on the watch but you can control many aspects of its appearance, including adding pins.
Catalog code
Movie & InlineMove Movies can either open on their own, or inline
Catalog code
Group Use groups to help create attractive watch UIs.
Catalog code
Table A simplified version of tables on iOS. Implement DidSelectRow to respond to user selection (or use a segue).
Table Control documentation
Catalog code
Device WKInterfaceDevice.CurrentDevice includes properties such as ScreenBounds, ScreenScale, and PreferredContentSizeCategory.
Catalog code
Menu Define the force-press menu in the storyboard and implement the actions for each button in the code.
Menu Control (Force Touch) documentation
Catalog code
Text Input Use PresentTextInputController and the WKTextInputMode enumeration.
Text Input documentation
Catalog code
Digital Crown The Digital Crown can be used to drive a picker, or it's rotation can be tracked in code.
Catalog code
Gestures There are four types of gesture recognition that can be added to a scene: Tap, Swipe, Pan, and LongPress.
Catalog code

Xamarin Workbook

If it's not already installed, install the Xamarin Workbooks app first. The workbook file should download automatically, but if it doesn't, just click to start the workbook download manually.