Como: Crie um aplicativo do WPF translation from VPE for Csharp

  • Artigo

O objetivo deste tópico é mostrar como criar um simples aplicativo Windows Presentation Foundation (WPF) e se familiarizar com o Visual C# Express Edition ambiente de desenvolvimento integrado (IDE). Como aplicativos de Windows Forms, aplicativos WPF podem ser criados, arrastando controles do Caixa de ferramentas para uma área de design.Como tendo um designer, Propriedades janela de e Caixa de ferramentas, o IDE em projetos do WPF tem uma janela que contém XAML.XAML é o acrônimo de Extensible aplicativo marcação linguagem, que é usado para criar uma interface de usuário.A ilustração a seguir mostra a localização do XAML editor.

Editor XAML

Este exemplo mostra como criar seu próprio aplicativo de tinta, que permite que você desenhe imagens.

Nesta seção, você aprenderá como:

  • Criar um aplicativo WPF.

  • Alternar entre Código view and Designermodo de exibição de .

  • alterar Propriedades da janela do WPF.

  • Use o editor XAML.

  • Adicionar um System.Windows.Controls.InkCanvas controle.

  • Adicionar um System.Windows.Controls.Button controle.

  • Criar manipuladores de eventos para controles.

Para uma demonstração de vídeo, consulte Vídeo How to: Crie um aplicativo do WPF translation from VPE for Csharp.

Para criar um aplicativo WPF

  1. No menu File, clique em New Project.

    A caixa de diálogo New Project será exibida.Esta caixa de diálogo lista os tipos de aplicativos padrão diferente que Visual C# Express Edition pode criar.

  2. clicar Aplicativo do WPF.

  3. Alterar o nome do seu aplicativo para tinta PAD.

  4. Clique em OK.

    Visual C# Express Edition cria uma nova pasta para seu projeto chamado depois do título do projeto e, em seguida, exibe sua nova janela do WPF, intitulada Window1, no Designermodo de exibição de .Você pode alterar para Código perspectiva, a qualquer momento clicando com o botão direito do mouse na janela código ou superfície de designer e selecionando Exibir código. Por padrão, editor XAML é exibido sob o designer, mas você pode ver a marcação XAML no modo de tela cheia, clicando com o botão direito do mouse na superfície de design e, em seguida, clicando em Modo de exibição XAML.

    A janela WPF, que você vê no Designer exibição é uma representação visual da janela será aberta quando o aplicativo é iniciado.In Designer exibição, você pode arrastar vários controles do Caixa de ferramentas para a janela WPF.Depois que você soltou um controle para a janela WPF, translation from VPE for Csharp Visual cria automaticamente o código fará com que o controle seja posicionada adequadamente quando o programa é executado.

  5. If you cannot see the Properties window, on the View menu, click PropertiesWindow.Esta janela lista as propriedades da janela WPF ou do controle selecionado no momento e é aqui que você pode alterar os valores existentes.

  6. Alterar o dimensionar da janela WPF por configuração o Altura propriedade para 550 e o Largura propriedade 370 no Propriedades janela.

  7. Altere o título da janela do WPF ao quadro de tinta.

  8. Alterar o Plano de fundo propriedade da janela do WPF à cor marrom, clicando em Brown na caixa suspensa e, em seguida, pressionando ENTER.

    Observação:

    Como alternativa, você pode modificar a marcação XAML diretamente adicionando um Plano de fundo atributo e configuração seu valor de Background="Brown".

  9. Para em em aberto o Caixa de ferramentas, clicar no Modo de exibição menu e, em seguida, clicar Caixa de ferramentas.

  10. Clique com o botão direito do mouse na Toolbox e clique em Choose Items.

    A caixa de diálogo Choose Toolbox Items é aberta.

  11. No Componentes do WPF Guia de do Escolher itens da caixa de ferramentas caixa de diálogo , role até InkCanvas e selecionar-o para que uma marca de seleção aparece na caixa de seleção.

  12. clicar OK para adicionar o InkCanvas controle o Caixa de ferramentas.

  13. arrastar um InkCanvas controle o Caixa de ferramentas na janela do WPF.

  14. Defina as seguintes propriedades do InkCanvas controle de a Propriedades janela:

    Propriedade

    Valor

    Width

    Auto

    Height

    Auto

    HorizontalAlignment

    Stretch

    VerticalAlignment

    Stretch

    Margin

    9, 9, 9, 68

  15. Alterar a cor do InkCanvas controle amarelo, definindo seus Plano de fundo propriedade Amarelaluz.

    O cor do plano de fundo do controle InkCanvas ficará amarelo claro em tempo de execução.

  16. arrastar dois Botão controles para a janela WPF sob o InkCanvas.Posicionar button1 para a esquerda e button2 para a direita.

  17. selecionar button1 e alterar a marcação XAML XAML exibição conforme mostrado na marcação a seguir.Essa marcação define o texto para Clear.

    <Button Height="23" HorizontalAlignment="Left" Margin="85,0,0,24" 
    Name="button1" VerticalAlignment="Bottom"
    Width="75">Clear</Button>

  18. Selecione button2 e altere a marcação XAML como mostrado na seguinte marcação.Essa marcação define o texto para Close.

    <Button Height="23" HorizontalAlignment="Right" Margin="0,0,72,24" 
    Name="button2" VerticalAlignment="Bottom" Width="75"
    Click="ButtonCloseClicked">Close</Button>

    O aplicativo WPF deve se parecer com o aplicativo Ink Pad na ilustração a seguir.

    Aplicativo de entrada manuscrita do WPF

Para criar evento manipuladores

  1. clicar duas vezes em desmarcar e, em seguida, adicione o seguinte código para o clicar gerado evento manipulador:

        this.inkCanvas1.Strokes.Clear();

  2. Retornar ao Designer exibição clicando com o botão direito do mouse no Editor de código e, em seguida, clicando em Designer.

  3. clicar duas vezes em Fechar e, em seguida, adicione o seguinte código para o clicar gerado manipulador de eventos:

        this.Close();

  4. Pressione F5 para executar o projeto.

  5. Quando o aplicativo é aberto, desenhar uma figura no InkCanvas controle.Se você cometer um erro, você pode clicar em Clear para começar novamente.

  6. clicar Fechar para o fechamento do aplicativo.

Consulte também

Tarefas

Como: Criar um novo projeto de aplicativo WPF

Como: Criar um aplicativo de console translation from VPE for Csharp

Como: Criar um aplicativo do Window Forms em C#

Outros recursos

Criando seu primeiro aplicativo translation from VPE for Csharp Visual