Note
Access to this page requires authorization. You can try signing in or changing directories.
Access to this page requires authorization. You can try changing directories.
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 |
 |