WatchKit Controls
- PDF for offline use:
- Sample Code:
- Related SDKs:
Let us know how you feel about this.
0/250
Thanks for the feedback!
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 |
|
Let us know how you feel about this.
0/250
Thanks for the feedback!
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.