Partager via


Contrôles d’interface utilisateur watchOS dans Xamarin

L’exemple WatchKitCatalog illustre différents contrôles watchOS. Le storyboard de l’application s’affiche ici (cliquez pour effectuer un zoom) :

Exemple de disposition watchOS

Les noms programmatiques de tous les contrôles sont précédés WKInterface (par exemple WKInterfaceLabel, , WKInterfaceButton).

Control Description Capture d'écran
Étiquette Utilisez SetText et d’autres propriétés pour contrôler l’apparence du texte dans un contrôle d’étiquette. NSAttributedString est également pris en charge.
Code catalogue
Capture d’écran de l’étiquette
Bouton Créez et définissez des propriétés dans le storyboard. Ctrl+glisser pour ajouter un Action gestionnaire pour implémenter un gestionnaire lorsqu’il est cliqué dessus.
Code catalogue
Capture d’écran du bouton
Commutateur Permet SetOn de contrôler l’état du commutateur.
Code catalogue
Capture d’écran du commutateur
Curseur De nombreux styles différents sont possibles.
Code catalogue
Capture d’écran du curseur
Image Permet myImage.SetImage("MyWatchImage") de charger des images sur la montre ou WKInterfaceDevice.CurrentDevice.AddCachedImage de les mettre en cache pour une utilisation répétée sur la montre.
Documentation sur le contrôle d’image
Code catalogue
Capture d’écran de l’image
Séparateur Utilisez des séparateurs pour vous aider à créer des INTERFACES utilisateur de montre attrayantes.
Code catalogue
Capture d’écran du séparateur
Carte L’image de carte est affichée statiquement sur la montre, mais vous pouvez contrôler de nombreux aspects de son apparence, y compris l’ajout de broches.
Code catalogue
Capture d’écran de la carte
Movie &InlineMove Les films peuvent s’ouvrir eux-mêmes ou inline
Code catalogue
Capture d’écran du film
Groupe Utilisez des groupes pour vous aider à créer des INTERFACES utilisateur de montre attrayantes.
Code catalogue
Capture d’écran du groupe
Table Version simplifiée des tables sur iOS. Implémenter DidSelectRow pour répondre à la sélection de l’utilisateur (ou utiliser un segue).
Documentation sur le contrôle de table
Code catalogue
Capture d’écran du tableau
Appareil WKInterfaceDevice.CurrentDevice inclut des propriétés telles que ScreenBounds, ScreenScaleet PreferredContentSizeCategory.
Code catalogue
Capture d’écran de l’appareil
Menu Définissez le menu forcer la pression dans le storyboard et implémentez les actions pour chaque bouton du code.
Documentation Sur le contrôle de menu (Force Touch)
Code catalogue
Capture d’écran du menu
Saisie de texte Utilisez PresentTextInputController et l’énumération WKTextInputMode .
Documentation d’entrée de texte
Code catalogue
Capture d’écran d’entrée de texte
Couronne numérique La couronne numérique peut être utilisée pour piloter un sélecteur, ou la rotation peut être suivie dans le code.
Code catalogue
Capture d’écran de la couronne numérique
Mouvements Il existe quatre types de reconnaissance des mouvements qui peuvent être ajoutés à une scène : Appuyez, Balayez, Panoramique et LongPress.
Code catalogue
Capture d’écran des mouvements