Usando controles comuns do WPF

aNesta lição, você aprenderá sobre alguns dos controles comuns do Windows Presentation Foundation (WPF) que estão disponíveis na Toolbox quando você cria um projeto WPF Application.

O WPF permite que você crie interfaces do usuário visualmente aprimoradas para seus aplicativos.Mesmo os controles típicos que você está acostumado a ver em um aplicativo padrão Windows Foms são aprimorados em aplicativos WPF.

A maneira mais fácil para adicionar controles WPF para seu aplicativo é arrastá-los a partir da Toolbox para a superfície de design.Em seus estados padrões, os controles parecem muito com os controles que você encontrará em um aplicativo Windows Forms.Os controles no WPF dão suporte a estilos e modelos que permitem que você crie aplicativos visualmente atraentes.Para modificar a aparência de um controle, você pode alterar suas propriedades na janela Properties.Você também pode modificar a aparência de um controle adicionando estilos e atributos para o controle no Editor XAML.Escrever XAML por conta própria pode ser difícil, portanto, convém considerar o uso de um aplicativo que pode gerar XAML para você, como o Expression Blend.Para obter mais informações, consulte A colaboração com Expression Blend.

Tente-o!

Para adicionar um controle para a janela do WPF

1. On the Arquivo menu, clicar Novo projeto.

2. Na caixa de diálogo New Project, no painel Templates, clique em WPF Application.

3. No Nome na caixa, digite WPFControls e, em seguida, clicar OK.

4. Um novo projeto Windows Presentation Foundation é criado.

5. Da Toolbox, arraste um controle TextBox para o lado direito superior da janela do WPF.

6. Selecione o controle TextBox.

7. Na janela Properties, defina as seguintes propriedades para a caixa de texto.

   Propriedade	Valor
   VerticalAlignment	Início
   Width	75
   Height	26

8. Adiciona um controle Button à janela do WPF, próxima à caixa de texto.

9. Altere o texto entre as marcas de abertura e fechamento de Button no editor XAML de Button para Add, conforme mostrado no exemplo a seguir.

   <Button Height="23" HorizontalAlignment="Right" Margin="0,59,35,0" 
       Name="Button1" VerticalAlignment="Top" 
       Width="75">Add</Button>
   

   O texto no botão muda depois de você inserir o novo valor.

10. Adicione um controle ListBox à janela do WPF, sob a caixa de texto.

11. Clique duas vezes no botão para inserir o manipulador de eventos padrão e adicione o seguinte código:

    If TextBox1.Text IsNot "" Then
        ListBox1.Items.Add(TextBox1.Text)
        TextBox1.Text = ""
    End If
    

12. Pressione F5 para executar o programa.Uma janela que contém a caixa de texto, a caixa de listagem e o botão que você acabou de adicionar é exibida.

13. Digite algum texto na caixa de texto e, em seguida, clique no botão Add.Verifique se o texto é adicionado para a caixa de listagem.

14. Adicione texto adicional à caixa de listagem.

Controles WPF

A tabela a seguir mostra os controles WPF mais comuns, que você pode encontrar na guia Common Controls da Toolbox.

Nome do controle	Descrição
System.Windows.Controls.Border	Exibe uma borda ao redor do conteúdo.
System.Windows.Controls.Button	Permite que um usuário execute uma ação clicando em um botão.O evento Buttonbase.Click ocorre quando um Button é clicado.
System.Windows.Controls.CheckBox	Permite que um usuário marque e desmarque uma caixa de seleção para indicar um valor Sim/Não ou Verdadeiro/Falso.
System.Windows.Controls.ComboBox	Permite que um usuário selecione um item de uma lista suspensa.A lista é exibida quando o usuário clica em uma seta suspensa.
System.Windows.Controls.Grid	Define uma área de grade flexível que consiste em linhas e colunas.
System.Windows.Controls.Image	Exibe uma imagem.
System.Windows.Controls.Label	Exibe texto em um formulário.Fornece suporte para chaves de acesso.
System.Windows.Controls.ListBox	Permite que um usuário selecione um item de uma lista.
System.Windows.Controls.RadioButton	Permite que um usuário escolha entre itens mutuamente exclusivos.A seleção de uma botão de opção é mutuamente exclusiva para quaisquer outros botões de opção no mesmo contêiner.
System.Windows.Controls.StackPanel	Permite que você empilhe controles filho verticalmente ou horizontalmente.
System.Windows.Control.TabControl	Permite que o conteúdo visual seja organizado em um formulário tabular.
System.Windows.Controls.TextBox	Exibe o texto não formatado e permite que os usuários insiram texto.

Controles adicionais disponíveis na Toolbox:

• Controles de contêiner, como Canvas, DockPanel e Frame.

• Menus e barras de ferramentas, como Menu, ToolBar e StatusBar.

• Controles de documento, como DocumentViewer e FlowDocumentPageViewer.

• E muito mais!

Próximas etapas

Nesta lição, você aprendeu sobre os controles WPF comuns que estão disponíveis na Toolbox.Você também aprendeu que você pode personalizar esses controles para torná-los visualmente atraentes.

Na próxima lição, você aprenderá a criar manipuladores de eventos para um controle WPF.

Próxima Lesson: Criar manipuladores de eventos para controles WPF.

Consulte também

Tarefas

Criando uma interface de usuário para um aplicativo WPF (Visual Basic)

Como: Criar um novo projeto de aplicativo WPF

Como: Definir margens para um Controlarar no WPF Designer

Conceitos

Visão geral do designer WPF

Outros recursos

Criando a aparência do seu programa Visual: Introdução ao Windows Presentation Foundation

Trabalhar com controles no criador de WPF