Steuerelemente der watchOS-Benutzeroberfläche in Xamarin

Im WatchKitCatalog-Beispiel werden verschiedene watchOS-Steuerelemente veranschaulicht. Das Storyboard der App wird hier angezeigt (klicken Sie zum Zoomen):

Beispiel für watchOS-Layout

Die programmgesteuerten Namen aller Steuerelemente haben das Präfix WKInterface (z. B. WKInterfaceLabel, WKInterfaceButton).

Control Beschreibung Screenshot
Label Verwenden Sie SetText und andere Eigenschaften, um die Darstellung von Text in einem Bezeichnungssteuerelement zu steuern. NSAttributedString wird auch unterstützt.
Katalogcode
Screenshot der Bezeichnung
Schaltfläche Erstellen und Festlegen von Eigenschaften im Storyboard. STRG+Ziehen, um ein Action-Element hinzuzufügen, um einen Handler zu implementieren, wenn es angeklickt wird.
Katalogcode
Screenshot der Schaltfläche
Schalter Verwenden von SetOn zum Steuern des Schalterzustands.
Katalogcode
Screenshot wechseln
Schieberegler Viele verschiedene Stile sind möglich.
Katalogcode
Screenshot des Schiebereglers
Abbildung Verwenden von myImage.SetImage("MyWatchImage"), um Bilder auf der Watch zu laden, oder WKInterfaceDevice.CurrentDevice.AddCachedImage, um sie für die wiederholte Verwendung auf der Watch zwischenzuspeichern.
Dokumentation zu Bildsteuerelementen
Katalogcode
Screenshot des Bilds
Trennzeichen Verwenden von Trennzeichen, um ansprechende Benutzeroberflächen für die Watch zu erstellen.
Katalogcode
Screenshot des Trennzeichens
Plan Das Kartenbild wird statisch auf der Uhr angezeigt, aber Sie können viele Aspekte seiner Darstellung steuern, einschließlich des Hinzufügens von Stecknadeln.
Katalogcode
Screenshot der Karte
Film und InlineMove Filme können entweder eigenständig oder inline geöffnet werden.
Katalogcode
Screenshot des Films
Group Verwenden von Gruppen, um ansprechende Benutzeroberflächen für die Watch zu erstellen.
Katalogcode
Gruppenfoto
Tabelle Eine vereinfachte Version von Tabellen unter iOS. Implementieren von DidSelectRow, um auf die Benutzerauswahl zu reagieren (oder einen Segue verwenden).
Dokumentation zu Tabellensteuerelementen
Katalogcode
Tabellenfoto
Sicherungsmedium WKInterfaceDevice.CurrentDevice enthält Eigenschaften wie ScreenBounds, ScreenScaleund PreferredContentSizeCategory.
Katalogcode
Gerätefoto
Menü Definieren des Force-Press-Menü im Storyboard und Implementieren der Aktionen für jede Schaltfläche im Code.
Dokumentation zur Menüsteuerung (Force Touch)
Katalogcode
Screenshot des Menüs
Texteingabe Verwenden von PresentTextInputController und der WKTextInputMode-Enumeration.
Dokumentation zur Texteingabe
Katalogcode
Screenshot der Texteingabe
Digital Crown Die Digital Crown kann verwendet werden, um eine Auswahl zu steuern, oder ihre Rotation kann im Code nachverfolgt werden.
Katalogcode
Screenshot der digitalen Krone
Gesten Es gibt vier Arten von Gestikerkennung, die einer Szene hinzugefügt werden können: Tippen, Wischen, Schwenken und LongPress.
Katalogcode
Screenshot der Gesten