Partilhar via


Controles da interface do usuário do watchOS no Xamarin

O exemplo WatchKitCatalog demonstra vários controles watchOS. O storyboard do aplicativo é mostrado aqui (clique para ampliar):

Exemplo de layout do watchOS

Os nomes programáticos de todos os controles são prefixados com WKInterface (por exemplo WKInterfaceLabel, WKInterfaceButton, ).

Control Descrição Captura de tela
Etiqueta Use SetText e outras propriedades para controlar a aparência do texto em um controle de rótulo. NSAttributedString também é suportado.
Código do catálogo
Captura de tela do rótulo
Botão Crie e defina propriedades no storyboard. Ctrl+arraste para adicionar um Action para implementar um manipulador para quando ele for clicado.
Código do catálogo
Captura de tela do botão
Comutador Use SetOn para controlar o estado do switch.
Código do catálogo
Alternar captura de tela
Controle deslizante Muitos estilos diferentes são possíveis.
Código do catálogo
Captura de tela do controle deslizante
Imagem Use myImage.SetImage("MyWatchImage") para carregar imagens no relógio ou WKInterfaceDevice.CurrentDevice.AddCachedImage para armazená-las em cache para uso repetido no relógio.
Documentação do Controle de Imagem
Código do catálogo
Captura de tela da imagem
Separador Use separadores para ajudar a criar interfaces de usuário de observação atraentes.
Código do catálogo
Captura de tela do separador
Mapeamento A imagem do mapa é exibida estaticamente no relógio, mas você pode controlar muitos aspectos de sua aparência, incluindo a adição de pinos.
Código do catálogo
Captura de tela do mapa
Filme & InlineMove Os filmes podem abrir sozinhos ou em linha
Código do catálogo
Captura de tela do filme
Grupo Use grupos para ajudar a criar interfaces de usuário de observação atraentes.
Código do catálogo
Captura de tela do grupo
Tabela Uma versão simplificada das tabelas no iOS. Implementar DidSelectRow para responder à seleção do usuário (ou usar um segue).
Documentação do Controle de Tabela
Código do catálogo
Captura de tela da tabela
Dispositivo WKInterfaceDevice.CurrentDevice Inclui propriedades como ScreenBounds, ScreenScalee PreferredContentSizeCategory.
Código do catálogo
Captura de tela do dispositivo
Menu Defina o menu force-press no storyboard e implemente as ações para cada botão no código.
Documentação do Controle de Menu (Force Touch)
Código do catálogo
Captura de tela do menu
Entrada de Texto Use PresentTextInputController e a WKTextInputMode enumeração.
Documentação de entrada de texto
Código do catálogo
Captura de tela de entrada de texto
Coroa Digital A Digital Crown pode ser usada para conduzir um selecionador ou sua rotação pode ser rastreada em código.
Código do catálogo
Captura de tela da coroa digital
Gestos Há quatro tipos de reconhecimento de gestos que podem ser adicionados a uma cena: Toque, Deslizar, Pan e LongPress.
Código do catálogo
Captura de tela de gestos