Criando uma interface de usuário para um aplicativo WPF

Você pode criar uma interface de usuário para um aplicativo Windows Presentation Foundation (WPF), exatamente sistema autônomo você pode fazer para um aplicativo do Windows formulário.Você arrasta controles do Caixa de ferramentas para a área de design.O ambiente de desenvolvimento integrado (IDE) é diferente para aplicativos do WPF.Como tendo um Propriedades janela de e Caixa de ferramentas, o IDE do WPF tem um editor XAML.XAML é uma linguagem de marcação de aplicativo extensível que pode ser usada para criar uma interface de usuário.A ilustração a seguir mostra a localização do XAML editor.Para obter mais informações, consulte Demonstra Passo a passo: Editando o XAML no WPF designer.

Editor XAML

Do mesmo modo que você pode cria um controle escrevendo código manualmente no desenvolvimento de Windows Forms, você pode usar a marcação XAML para criar controles.Na maioria dos casos, você escreveria não XAML para criar controles; é muito mais fácil arrastar os controles do Caixa de ferramentas and let Visual C# Express Edition gerar o XAML para você. Em seguida, você pode modificar a marcação XAML para alterar sistema autônomo atributos do controle, sistema autônomo a Altura or Texto.Por exemplo, a seguinte marcação XAML é semelhante a marcação que é gerada quando você clica clicar duas vezes em um Botão controle para adicioná-lo a uma janela do WPF.

<Button Height="23" HorizontalAlignment="Left" Margin="10,10,0,0" 
    Name="Button1" VerticalAlignment="Top" Width="75">Button</Button>

Por padrão, sistema autônomo atributos que você pode modificar, sistema autônomo a largura e altura, aparecem na cor de fonte vermelha.Você pode alterar sistema autônomo valores diretamente na marcação XAML, conforme mostrado no exemplo a seguir.

<Button Height="30" HorizontalAlignment="Left" Margin="10,10,0,0" 
    Name="Button1" VerticalAlignment="Top" Width="60">Submit</Button>

Para criar um aplicativo WPF

  1. No menu File, clique em New Project.

  2. No Novo projeto diálogo, clicar Aplicativo do WPF.

  3. No Nome na caixa, digite aplicativo do WPF e, em seguida, clicar OK.

    Um novo projeto do WPF é criado.Uma nova janela chamado Window1 aparece e sua marcação XAML é visível no editor XAML do Visual C# Express Edition IDE.

  4. Clique em Window1 para selecioná-la.

  5. In XAML view,change the Title attribute of the Window element to WPF Application.

    O texto na barra de título de Window1 muda para WPF Application.

Adicionando controles à janela do WPF

Você pode adicionar controles à janela do WPF, arrastando-os do Caixa de ferramentas.Para obter mais informações, consulte Controles comuns do WPF.

Para adicionar um controle para a janela do WPF

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

  2. clicar no TextBox controle para selecioná-lo.

  3. Na janela Properties, clique na primeira seta (esquerda) para a propriedade HorizontalAlignment, conforme mostrado na ilustração a seguir.

    Propriedade HorizontalAlignment

    Isso moverá o TextBox do lado direito da janela do WPF para o lado esquerdo.

  4. Defina as seguintes propriedades para o TextBox.

    Propriedade

    Valor

    VerticalAlignment

    Início

    Width

    75

    Height

    26

  5. No editor XAML, altere o atributo Width do elemento TextBox para 140 e altere o elemento Margin para 30, 56, 0, 0, conforme mostrado no exemplo a seguir.

    <TextBox Height="26" HorizontalAlignment="Left" Margin="30,56,0,0" 
    Name="TextBox1" VerticalAlignment="Top" Width="140" />

    O largura e a localização do TextBox alterações depois que você digite os novos valores.

  6. Adicionar um Botão a janela do WPF, ao lado de controleTextBox.

  7. Altere o texto entre as marcas de abertura e fechamento de Button de Button para Submit, conforme mostrado no exemplo a seguir.

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

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

  8. Pressione F5 para executar o programa.Será exibida uma janela que contém a caixa de texto e um botão que você acabou de adicionar.

    Observe que, embora você possa clicar o botão e o tipo na caixa de texto, nada ocorre quando você faz isso.Você deve adicionar manipuladores de eventos para os controles e, em seguida, escrever código que instrui o computador sobre o que fazer quando o botão é clicado.Para obter mais informações, consulte Como: Criar manipuladores de eventos para controles do WPF.

Consulte também

Tarefas

Como: Criar um novo projeto de aplicativo WPF

Como: Adicionar novos itens a um projeto do WPF

Outros recursos

Criando aplicativos do WPF

  • Last updated on