Controlli dell'interfaccia utente watchOS in Xamarin

L'esempio WatchKitCatalog illustra vari controlli watchOS. Lo storyboard dell'app viene visualizzato qui (fare clic per ingrandire):

Layout watchOS di esempio

I nomi programmatici di tutti i controlli sono preceduti da WKInterface (ad esempio WKInterfaceLabel, WKInterfaceButton).

CTRL Descrizione Schermata
Etichetta Utilizzare SetText e altre proprietà per controllare l'aspetto del testo in un controllo etichetta. NSAttributedString è supportato anche.
Codice catalogo
Screenshot dell'etichetta
Pulsante Creare e impostare le proprietà nello storyboard. Ctrl+trascina per aggiungere un Action oggetto per implementare un gestore per quando si fa clic.
Codice catalogo
Screenshot del pulsante
Switch Usare SetOn per controllare lo stato del commutatore.
Codice catalogo
Screenshot switch
Dispositivo di scorrimento Sono possibili molti stili diversi.
Codice catalogo
Screenshot del dispositivo di scorrimento
Immagine Usare myImage.SetImage("MyWatchImage") per caricare immagini sull'orologio o WKInterfaceDevice.CurrentDevice.AddCachedImage memorizzarle nella cache per l'uso ripetuto sull'orologio.
Documentazione di Controllo immagini
Codice catalogo
Screenshot dell'immagine
Separatore Usare i separatori per creare interfacce utente dell'orologio accattivanti.
Codice catalogo
Screenshot del separatore
Mapping L'immagine della mappa viene visualizzata in modo statico sull'orologio, ma è possibile controllare molti aspetti dell'aspetto, tra cui l'aggiunta di pin.
Codice catalogo
Screenshot della mappa
Film & InlineMove I film possono essere aperti autonomamente o inline
Codice catalogo
Screenshot del film
Raggruppa Usare i gruppi per creare interfacce utente dell'orologio accattivanti.
Codice catalogo
Screenshot del gruppo
Tabella Versione semplificata delle tabelle in iOS. Implementare DidSelectRow per rispondere alla selezione dell'utente (o usare una segue).
Documentazione di Controllo tabelle
Codice catalogo
Screenshot della tabella
Dispositivo WKInterfaceDevice.CurrentDevice include proprietà come ScreenBounds, ScreenScalee PreferredContentSizeCategory.
Codice catalogo
Screenshot del dispositivo
Menu Definire il menu di pressione forzata nello storyboard e implementare le azioni per ogni pulsante nel codice.
Documentazione di Controllo menu (Force Touch)
Codice catalogo
Screenshot del menu
Input di testo Usare PresentTextInputController e l'enumerazione WKTextInputMode .
Documentazione relativa all'input di testo
Codice catalogo
Screenshot dell'input di testo
Corona digitale La Corona digitale può essere usata per guidare una selezione oppure è possibile tenere traccia della rotazione nel codice.
Codice catalogo
Screenshot della corona digitale
Gesti Esistono quattro tipi di riconoscimento dei movimenti che possono essere aggiunti a una scena: Tocco, Scorrimento rapido, Panoramica e LongPress.
Codice catalogo
Screenshot dei movimenti