Compartilhar via


Tutorial: Criar um aplicativo do Windows Forms no Visual Studio com C#

Neste tutorial, você criará um aplicativo C# simples que tem uma interface do usuário (interface do usuário) baseada no Windows. O aplicativo tem um botão que altera o texto de um rótulo. Este aplicativo simples tem todos os componentes usados para programas mais complicados do Windows Forms.

  • Criar um projeto em C# no Visual Studio
  • Criar um aplicativo
  • Executar seu aplicativo

Pré-requisitos

Criar um projeto

Primeiro, crie um projeto de aplicativo em C#. O tipo de projeto vem com todos os arquivos de modelo necessários para criar seu aplicativo.

  1. Abra o Visual Studio e selecione Criar um novo projeto na janela inicial.

    Captura de tela que mostra a opção Criar um novo projeto.

  2. Em Criar um novo projeto, selecione o modelo de do aplicativo Windows Forms (.NET Framework) para C#.

    Você pode refinar sua pesquisa para acessar rapidamente o modelo desejado. Por exemplo, digite Aplicativo do Windows Forms na caixa de pesquisa. Em seguida, selecione C# na lista de idiomas e selecione do Windows na lista de plataformas.

    Captura de tela que mostra o modelo C# para o Aplicativo windows forms (.NET Framework).

  3. Na janela Configurar seu novo projeto, em Nome do Projeto, insira HelloWorlde selecione Criar.

    Captura de tela que mostra a janela Configurar seu novo projeto para seu projeto chamado HelloWorld.

    O Visual Studio abre seu novo projeto.

  1. Abra o Visual Studio e selecione Criar um novo projeto na janela inicial.

    Captura de tela que mostra a opção Criar um novo projeto.

  2. Em Criar um novo projeto, selecione o modelo de do aplicativo Windows Forms (.NET Framework) para C#.

    Você pode refinar sua pesquisa para acessar rapidamente o modelo desejado. Por exemplo, digite Aplicativo do Windows Forms na caixa de pesquisa. Em seguida, selecione C# na lista de idiomas e selecione do Windows na lista de plataformas.

    Captura de tela que mostra o modelo C# para o Aplicativo windows forms (.NET Framework).

  3. Na janela Configurar seu novo projeto, em Nome do Projeto, insira HelloWorlde selecione Criar.

    Captura de tela que mostra a janela Configurar seu novo projeto para seu projeto chamado HelloWorld.

    O Visual Studio abre seu novo projeto.

Criar o aplicativo

Depois de selecionar o modelo de projeto do C# e nomear seu projeto, o Visual Studio abrirá um formulário para você. Um formulário é uma interface do usuário do Windows. Crie um aplicativo Hello World adicionando controles ao formulário. Em seguida, vai executar o aplicativo.

Adicionar um botão ao formulário

  1. Selecione Toolbox para abrir a janela deslizante Toolbox.

    Captura de tela que mostra como selecionar a Caixa de Ferramentas para abrir a janela caixa de ferramentas.

    Se a opção Caixa de Ferramentas não for exibida, ela poderá ser aberta na barra de menus. Selecione Exibir>Caixa de Ferramentas ou Ctrl+Alt+X.

  2. Expanda Controles Comuns e selecione o ícone Fixar para encaixar a janela Caixa de Ferramentas.

    Captura de tela que mostra o ícone para fixar a janela da Caixa de ferramentas no IDE.

  3. Selecione o controle Botão e, em seguida, arraste-o para o formulário.

    Captura de tela que mostra o formulário com um botão que acabou de ser adicionado.

  4. Na janela Propriedades, localize Texto. Altere o nome de button1 para Click this e selecione Enter.

    Captura de tela que mostra o campo Texto na janela Propriedades.

    Se você não vir a janela Propriedades, poderá abri-la a partir da barra de menus. Selecione Exibir>Janela de Propriedades ou F4.

  5. Na seção Design da janela Propriedades, altere o nome do button1 para btnClickThis e selecione Enter.

    Captura de tela que mostra o novo nome do botão.

    Se a lista estiver em ordem alfabética na janela Propriedades, como alternativa, o Button1 aparecerá na seção (DataBindings). Você pode encaixar ou ancorar os controles em seu formulário para ajudar com o posicionamento e o dimensionamento automáticos, quando o formulário muda de tamanho.

Adicionar um rótulo ao formulário

Depois de adicionar um controle de botão para criar uma ação, adicione um controle de rótulo para receber o texto.

  1. Selecione o controle Rótulo na Caixa de Ferramentas. Em seguida, arraste-o para o formulário e solte-o abaixo do botão Clique aqui.

  2. Na seção Design ou na seção (DataBindings) da janela Propriedades, altere o nome do label1 para lblHelloWorld. Em seguida, selecione Enter.

Adicionar código ao formulário

  1. Na janela Form1.cs [Design], clique duas vezes no botão Clique aqui para abrir a janela Form1.cs.

    Como alternativa, você pode expandir Form1.cs no Gerenciador de Soluções e, em seguida, escolher Form1.

  2. Na janela Form1.cs, após a linha private void, digite ou insira lblHelloWorld.Text = "Hello World!"; conforme mostrado na captura de tela a seguir.

    Captura de tela que mostra onde adicionar código ao formulário.

Depois de selecionar o modelo de projeto do C# e nomear seu projeto, o Visual Studio abrirá um formulário para você. Um formulário é uma interface do usuário do Windows. Crie um aplicativo Hello World adicionando controles ao formulário. Em seguida, vai executar o aplicativo.

Adicionar um botão ao formulário

  1. Selecione Toolbox para abrir a janela deslizante Toolbox.

    Captura de tela que mostra como selecionar a Caixa de Ferramentas para abrir a janela caixa de ferramentas.

    Se a opção Caixa de Ferramentas não for exibida, ela poderá ser aberta na barra de menus. Selecione Exibir>Caixa de Ferramentas ou Ctrl+Alt+X.

  2. Expanda Controles Comuns e selecione o ícone Fixar para encaixar a janela Caixa de Ferramentas.

    Captura de tela que mostra o ícone para fixar a janela da Caixa de ferramentas no IDE.

  3. Selecione o controle Botão e, em seguida, arraste-o para o formulário.

    Captura de tela que mostra o formulário com um botão que acabou de ser adicionado.

  4. Na janela Propriedades, localize Texto. Altere o nome de button1 para Click this e selecione Enter.

    Captura de tela que mostra o campo Texto na janela Propriedades.

    Se você não vir a janela Propriedades, poderá abri-la a partir da barra de menus. Selecione Exibir>Janela de Propriedades ou F4.

  5. Na seção Design da janela Propriedades, altere o nome do button1 para btnClickThis e selecione Enter.

    Captura de tela que mostra o novo nome do botão.

    Se a lista estiver em ordem alfabética na janela Propriedades, como alternativa, o Button1 aparecerá na seção (DataBindings). Você pode encaixar ou ancorar os controles em seu formulário para ajudar com o posicionamento e o dimensionamento automáticos, quando o formulário muda de tamanho.

Adicionar um rótulo ao formulário

Depois de adicionar um controle de botão para criar uma ação, adicione um controle de rótulo para receber o texto.

  1. Selecione o controle Rótulo na Caixa de Ferramentas. Em seguida, arraste-o para o formulário e solte-o abaixo do botão Clique aqui.

  2. Na seção Design ou na seção (DataBindings) da janela Propriedades, altere o nome do label1 para lblHelloWorld. Em seguida, selecione Enter.

Adicionar código ao formulário

  1. Na janela Form1.cs [Design], clique duas vezes no botão Clique aqui para abrir a janela Form1.cs.

    Como alternativa, você pode expandir Form1.cs no Gerenciador de Soluções e, em seguida, escolher Form1.

  2. Na janela Form1.cs, após a linha private void, digite ou insira lblHelloWorld.Text = "Hello World!"; conforme mostrado na captura de tela a seguir.

    Captura de tela que mostra onde adicionar código ao formulário.

Executar o aplicativo

  1. Selecione o botão Iniciar para executar o aplicativo.

    Captura de tela que mostra o botão Iniciar para depurar e executar o aplicativo.

    Várias coisas acontecem. No IDE do Visual Studio, a janela Ferramentas de Diagnóstico será aberta, e também a janela Saída. Mas fora do IDE, uma caixa de diálogo Form1 é exibida. Inclui o botão Clique aqui e o texto label1.

  2. Selecione o . Clique neste botão na caixa de diálogo Form1. Observe que o texto label1 é alterado para Olá, Mundo!.

    Captura de tela que mostra a caixa de diálogo Form1 que inclui o botão e um rótulo.

  3. Feche a caixa de diálogo Form1 para parar de executar o aplicativo.

  1. Selecione o botão Iniciar para executar o aplicativo.

    Captura de tela que mostra o botão Iniciar para depurar e executar o aplicativo.

    Várias coisas acontecem. No IDE do Visual Studio, a janela Ferramentas de Diagnóstico será aberta, e também a janela Saída. Mas fora do IDE, uma caixa de diálogo Form1 é exibida. Inclui o botão Clique aqui e o texto label1.

  2. Selecione o . Clique neste botão na caixa de diálogo Form1. Observe que o texto label1 é alterado para Olá, Mundo!.

    Captura de tela que mostra a caixa de diálogo Form1 que inclui o botão e um rótulo.

  3. Feche a caixa de diálogo Form1 para parar de executar o aplicativo.

Parabéns por concluir este tutorial. Para saber mais, continue com o seguinte tutorial:

Ou experimente estes outros tutoriais: