watchOS Interfaz de usuario Controls in Xamarin

En el ejemplo WatchKitCatalog se muestran varios controles watchOS. El guión gráfico de la aplicación se muestra aquí (haga clic para acercar):

Diseño de watchOS de ejemplo

Los nombres de programación de todos los controles tienen el prefijo WKInterface (por ejemplo, WKInterfaceLabel, WKInterfaceButton).

Control Descripción Instantánea
Etiqueta Use SetText y otras propiedades para controlar la apariencia del texto en un control de etiqueta. NSAttributedString también se admite.
Código de catálogo
Captura de pantalla de etiqueta
Botón Cree y establezca propiedades en el guión gráfico. Ctrl+arrastrar para agregar un Action elemento para implementar un controlador para cuando se hace clic en él.
Código de catálogo
Captura de pantalla del botón
Switch Use SetOn para controlar el estado del conmutador.
Código de catálogo
Captura de pantalla del conmutador
Control deslizante Son posibles muchos estilos diferentes.
Código de catálogo
Captura de pantalla del control deslizante
Imagen Use para cargar imágenes en el reloj o para almacenarlas en caché myImage.SetImage("MyWatchImage") para su uso repetido en el WKInterfaceDevice.CurrentDevice.AddCachedImage reloj.
Documentación de Control de imágenes
Código de catálogo
Captura de pantalla de la imagen
Separador Use separadores para ayudar a crear ATRACTIVAS de reloj.
Código de catálogo
Captura de pantalla del separador
Asignación La imagen de mapa se muestra estáticamente en el reloj, pero puede controlar muchos aspectos de su apariencia, incluida la adición de pines.
Código de catálogo
Captura de pantalla del mapa
Movie & InlineMove Las películas se pueden abrir por sí solas o en línea
Código de catálogo
Captura de pantalla de la película
Group (Grupo) Use grupos para ayudar a crear atractivas IA de reloj.
Código de catálogo
Captura de pantalla de grupo
Tabla Una versión simplificada de las tablas en iOS. Implemente DidSelectRow para responder a la selección del usuario (o use un segue).
Documentación de Control de tablas
Código de catálogo
Captura de pantalla de tabla
Dispositivo WKInterfaceDevice.CurrentDevice incluye propiedades como ScreenBounds , ScreenScale y PreferredContentSizeCategory .
Código de catálogo
Captura de pantalla del dispositivo
Menú Defina el menú Forzar presión en el guión gráfico e implemente las acciones para cada botón del código.
Documentación de Control de menús (Force Touch)
Código de catálogo
Captura de pantalla del menú
Entrada de texto Use PresentTextInputController y la WKTextInputMode enumeración .
Documentación de entrada de texto
Código de catálogo
Captura de pantalla de entrada de texto
Digital Crown El Digital Crown se puede usar para controlar un selector o se puede realizar un seguimiento de su rotación en el código.
Código de catálogo
Captura de pantalla de la captura de pantalla digital
Gestos Hay cuatro tipos de reconocimiento de gestos que se pueden agregar a una escena: Tap, Swipe, Pan y LongPress.
Código de catálogo
Captura de pantalla de gestos