Controles UWP – Quais controles posso colocar no meu app?

Tempo de leitura: 3 min

Escrito por Celso Kitamura
em 12 de abril de 2018

Entre para o Grupo VIP e fique sabendo antes das novidades

Junte-se à nossa comunidade de App Devs que estão transformando o mundo

100% livre de spam.

Compartilhe agora mesmo:

Controles UWP – Quais controles posso colocar no meu app?
5/5 - (1 vote)

O que são controles UWP?

 

No desenvolvimento de aplicativos UWP, um controle é um elemento de UI (User Interface) que mostra algum conteúdo ou permite a interação com o usuário. Os controles são como tijolos que usamos para montar a interface do usuário.

 

Os controles UWP vão desde simples botões a poderosos controles de dados, como o grid view. Estes controles são parte do Fluent Design System e nos ajudam a criar uma interface robusta, escalável e que se adapte a todos os dispositivos e tamanhos de tela.

 

 

Como usar um controle?

 

Basicamente temos 3 etapas-chave para adicionar um controle no seu app:

 

  • Adicionar um controle na UI do app;
  • Configurar as propriedades do controle;
  • Adicionar código no identificador de evento (event handlers) do controle.

 

Você pode simplesmente arrastar e soltar o controle dentro da sua tela utilizando a Caixa de Ferramentas (Toolbox), como na figura abaixo.

 

ControleUWP - drag-and-drop

 

Ou incluir o controle digitando o código XAML direto no arquivo .xaml:

 

ControleUWP - via codigo

 

 

Quais controles UWP posso usar no projeto do meu app?

 

O pacote de desenvolvimento de Apps Universais do Windows do Visual Studio já vem com um grande conjunto de controles que podemos utilizar em nossos apps.

Veja abaixo a lista deles:

 

Commandbars e comandos Barra de comandos – CommandBar
Botão da barra de aplicativos – AppBarButton, SymbolIcon, BitmapIcon, FontIcon, PathIcon
Separador da barra de aplicativos – AppBarSeparator
Botão de alternância da barra de aplicativos – AppBarToggleButton
Botões Botão – Button
Botão Hiperlink – HyperlinkButton
Botão Repetir – RepeatButton
Controles de coleção/dados Exibição virando a página – FlipView
Exibição em grade – GridView
Controle de itens – ItemsControl
Exibição de lista – ListView
Controles de data e hora Seletor de data do calendário – CalendarDatePicker
Exibição de calendário – CalendarView
Seletor de data – DatePicker
Seletor de hora – TimePicker
Submenus Submenu – Submenu
Submenu de menu – MenuFlyout, MenuFlyoutItem, MenuFlyoutSeparator, ToggleMenuFlyoutItem
Menu pop-up – PopupMenu
Dica de ferramenta – ToolTip, ToolTipService
Imagens Imagem – Image
Tinta e elementos gráficos InkCanvas – InkCanvas
Formas – Shape
Controles de layout Borda – Border
Canvas – Canvas
Grade – Grid
RelativePanel – RelativePanel
Barra de rolagem – ScrollBar
Visualizador de rolagem – ScrollViewer
Painel da pilha – StackPanel
VariableSizedWrapGrid – VariableSizedWrapGrid
Viewbox – Viewbox
Controles de mídia Elemento de mídia – MediaElement
MediaTransportControls – MediaTransportControls
Navegação Hub – Hub
Pivô – Pivot
Zoom semântico – SemanticZoom
SplitView – SplitView
Modo de exibição da Web – WebView
Controles de progresso Barra de progresso – ProgressBar
Anel de progresso – ProgressRing
Controles de texto Caixa de sugestão automática – AutoSuggestBox
Caixa de senha – PasswordBox
Caixa de edição com formato – RichEditBox
Bloco de texto – TextBlock, RichTextBlock
Caixa de texto – TextBox
Controles de seleção Caixa de seleção – CheckBox
Caixa de combinação – ComboBox
Caixa de listagem – ListBox
Botão de opção – RadioButton
Controle deslizante – Slider
Botão de alternância – ToggleButton
Switch de alternância – ToggleSwitch

 

 

Outros Controles UWP

 

Além dos controles nativos que encontramos dentro do Visual Studio, podemos utilizar ainda controles UWP de terceiros.

 

Ou seja, outras empresas de software criam controles para serem utilizados em aplicativos UWP.

 

Um exemplo é a SyncFusion, que desenvolveu um conjunto de controles UWP. Eles possuem uma licença chamada Community onde disponibilizam todos os seus produtos gratuitamente para desenvolvedores independentes e pequenas empresas (time de até 5 desenvolvedores).

 

 

Palavras Finais

 

Este foi apenas um artigo introdutório desta série que começa agora. Nos próximos artigos veremos individualmente cada um dos controles UWP.

Fique atento e me acompanhe nesta viagem ao mundo dos controles UWP!

 

Meu e-book Como Aprender a Programar do Absoluto Zero está GRATUITO por tempo limitado!

Olha o link: 👉🏼 https://celsokitamura.com.br/como-aprender-a-programar

Bora aprender a programar!

Compartilhe agora mesmo:

Comece pelo e-book GRATUITO (Por Tempo Limitado)

Crie Sua Primeira Skill Alexa

Se você não sabe por onde começar, este e-book te mostra o passo a passo para criar sua primeira skill Alexa.

QUERO CRIAR SKILLS PARA ALEXA!
100% livre de spam.

Você vai gostar também:

Para enviar seu comentário, preencha os campos abaixo:

Deixe uma resposta


*


*


Seja o primeiro a comentar!

Entre para o Grupo VIP e fique sabendo antes das novidades

Junte-se à nossa comunidade de App Devs que estão transformando o mundo

100% livre de spam.

Damos valor à sua privacidade

Nós e os nossos parceiros armazenamos ou acedemos a informações dos dispositivos, tais como cookies, e processamos dados pessoais, tais como identificadores exclusivos e informações padrão enviadas pelos dispositivos, para as finalidades descritas abaixo. Poderá clicar para consentir o processamento por nossa parte e pela parte dos nossos parceiros para tais finalidades. Em alternativa, poderá clicar para recusar o consentimento, ou aceder a informações mais pormenorizadas e alterar as suas preferências antes de dar consentimento. As suas preferências serão aplicadas apenas a este website.

Cookies estritamente necessários

Estes cookies são necessários para que o website funcione e não podem ser desligados nos nossos sistemas. Normalmente, eles só são configurados em resposta a ações levadas a cabo por si e que correspondem a uma solicitação de serviços, tais como definir as suas preferências de privacidade, iniciar sessão ou preencher formulários. Pode configurar o seu navegador para bloquear ou alertá-lo(a) sobre esses cookies, mas algumas partes do website não funcionarão. Estes cookies não armazenam qualquer informação pessoal identificável.

Cookies de desempenho

Estes cookies permitem-nos contar visitas e fontes de tráfego, para que possamos medir e melhorar o desempenho do nosso website. Eles ajudam-nos a saber quais são as páginas mais e menos populares e a ver como os visitantes se movimentam pelo website. Todas as informações recolhidas por estes cookies são agregadas e, por conseguinte, anónimas. Se não permitir estes cookies, não saberemos quando visitou o nosso site.

Cookies de funcionalidade

Estes cookies permitem que o site forneça uma funcionalidade e personalização melhoradas. Podem ser estabelecidos por nós ou por fornecedores externos cujos serviços adicionámos às nossas páginas. Se não permitir estes cookies algumas destas funcionalidades, ou mesmo todas, podem não atuar corretamente.

Cookies de publicidade

Estes cookies podem ser estabelecidos através do nosso site pelos nossos parceiros de publicidade. Podem ser usados por essas empresas para construir um perfil sobre os seus interesses e mostrar-lhe anúncios relevantes em outros websites. Eles não armazenam diretamente informações pessoais, mas são baseados na identificação exclusiva do seu navegador e dispositivo de internet. Se não permitir estes cookies, terá menos publicidade direcionada.

Visite as nossas páginas de Políticas de privacidade e Termos e condições.

Importante: Este site faz uso de cookies que podem conter informações de rastreamento sobre os visitantes.
Criado por WP RGPD Pro