Tutorial do aplicativo C # Windows Forms com exemplo

Até agora, vimos como trabalhar com C # para criar aplicativos baseados em console. Mas em um cenário da vida real, a equipe normalmente usa Visual Studio e C # para criar formulários do Windows ou aplicativos baseados na web.

Um aplicativo de formulário do Windows é um aplicativo projetado para ser executado em um computador. Ele não será executado no navegador da web porque se tornará um aplicativo da web.

Este tutorial se concentrará em como podemos criar aplicativos baseados no Windows. Também aprenderemos alguns princípios básicos sobre como trabalhar com os vários elementos do aplicativo C # Windows.

Neste tutorial do Windows, você aprenderá-

Noções básicas do Windows Forms

Um aplicativo de formulários do Windows é aquele executado no computador desktop. Um aplicativo de formulários do Windows normalmente terá uma coleção de controles, como rótulos, caixas de texto, caixas de listagem, etc.

Abaixo está um exemplo de um aplicativo simples de formulário do Windows C #. Ele mostra uma tela de login simples, que pode ser acessada pelo usuário. O usuário irá inserir as credenciais necessárias e, em seguida, clicar no botão Login para continuar.

Portanto, um exemplo dos controles disponíveis no aplicativo acima

  1. Esta é uma coleção de controles de rótulo que normalmente são usados ​​para descrever controles adjacentes. Portanto, em nosso caso, temos 2 caixas de texto, e os rótulos são usados ​​para informar ao usuário que uma caixa de texto é para inserir o nome do usuário e a outra para a senha.
  2. As 2 caixas de texto são usadas para conter o nome de usuário e a senha que serão inseridos pelo usuário.
  3. Finalmente, temos o controle de botão. O controle do botão normalmente terá algum código anexado para executar um determinado conjunto de ações. Assim, por exemplo, no caso acima, podemos fazer com que o botão execute uma ação de validação do nome de usuário e senha que é inserido pelo usuário.

C # Hello World

Agora vamos dar uma olhada em um exemplo de como podemos implementar um aplicativo simples de 'hello world' no Visual Studio. Para isso, precisaríamos implementar as etapas mencionadas abaixo

Passo 1) A primeira etapa envolve a criação de um novo projeto no Visual Studio. Após iniciar o Visual Studio, você precisa escolher a opção de menu Novo-> Projeto.

Passo 2) A próxima etapa é escolher o tipo de projeto como um aplicativo Windows Forms. Aqui também precisamos mencionar o nome e a localização do nosso projeto.

  1. Na caixa de diálogo do projeto, podemos ver várias opções para criar diferentes tipos de projetos no Visual Studio. Clique na opção Windows no lado esquerdo.
  2. Ao clicar nas opções do Windows na etapa anterior, poderemos ver uma opção para o aplicativo Windows Forms. Clique nesta opção.
  3. Daremos um nome para o aplicativo. Em nosso caso, é DemoApplication. Também forneceremos um local para armazenar nosso aplicativo.
  4. Finalmente, clicamos no botão 'OK' para permitir que o Visual Studio crie nosso projeto.

Se as etapas acima forem seguidas, você obterá a saída abaixo no Visual Studio.

Saída:-

Você verá um Form Designer exibido no Visual Studio. É neste Form Designer que você começará a construir seu aplicativo Windows Forms.

No Gerenciador de Soluções, você também poderá ver a Solução DemoApplication. Esta solução conterá os 2 arquivos de projeto abaixo

  1. Um aplicativo de formulário denominado Forms1.cs. Este arquivo conterá todo o código para o aplicativo Windows Form.
  2. O programa principal chamado Program.cs é o arquivo de código padrão que é criado quando um novo aplicativo é criado no Visual Studio. Este código conterá o código de inicialização do aplicativo como um todo.

No lado esquerdo do Visual Studio, você também verá uma caixa de ferramentas. A caixa de ferramentas contém todos os controles que podem ser adicionados a um Windows Forms. Controles como uma caixa de texto ou um rótulo são apenas alguns dos controles que podem ser adicionados a um Formulários do Windows.

Abaixo está uma captura de tela de como a caixa de ferramentas se parece.

Etapa 3) Nesta etapa, iremos adicionar um rótulo ao formulário que exibirá 'Hello World'. Na caixa de ferramentas, você precisará escolher o controle Label e simplesmente arrastá-lo para o Form.

Depois de arrastar o rótulo para o formulário, você pode ver o rótulo incorporado no formulário, conforme mostrado abaixo.

Passo 4) A próxima etapa é ir às propriedades do controle e alterar o texto para 'Hello World'.

Para ir para as propriedades de um controle, você precisa clicar com o botão direito no controle e escolher a opção de menu Propriedades

  • O painel de propriedades também é exibido no Visual Studio. Portanto, para o controle de rótulo, no controle de propriedades, vá para a seção Texto e insira 'Hello World'.
  • Cada controle possui um conjunto de propriedades que descrevem o controle.

Se você seguir todas as etapas acima e executar seu programa no Visual Studio, obterá a seguinte saída

Saída:-

Na saída, você pode ver que o Windows Form é exibido. Você também pode ver 'Hello World' sendo exibido no formulário.

Adicionando controles a um formulário

Já tínhamos visto como adicionar um controle a um formulário quando adicionamos o controle de rótulo na seção anterior para exibir 'Hello World'.

Vamos examinar os outros controles disponíveis para formulários do Windows e ver algumas de suas propriedades comuns.

Em nosso aplicativo de formulário do Windows em exemplos C #, criaremos um formulário que terá a seguinte funcionalidade.

  1. A capacidade do usuário de inserir o nome e o endereço.
  2. Uma opção para escolher a cidade em que o usuário reside
  3. A capacidade do usuário de inserir uma opção para o gênero.
  4. Uma opção de escolher um curso que o usuário deseja aprender. Haverá opções para C # e ASP.Net

Portanto, vamos examinar cada controle em detalhes e adicioná-los para construir o formulário com a funcionalidade mencionada acima.

Caixa de Grupo

Uma caixa de grupo é usada para controles de agrupamento lógico em uma seção. Vejamos um exemplo se você tivesse uma coleção de controles para inserir detalhes como nome e endereço de uma pessoa. O ideal é que esses detalhes sejam de uma pessoa, portanto, você gostaria de ter esses detalhes em uma seção separada do Formulário. Para este efeito, você pode ter uma caixa de grupo. Vamos ver como podemos implementar isso com um exemplo mostrado abaixo

Passo 1) A primeira etapa é arrastar o controle da caixa de grupo para o formulário do Windows a partir da caixa de ferramentas, conforme mostrado abaixo

Passo 2) Depois de adicionar a caixa de grupo, vá para a janela de propriedades clicando no controle da caixa de grupo. Na janela de propriedades, acesse a propriedade Text e altere para 'Detalhes do usuário'.

Depois de fazer as alterações acima, você verá a seguinte saída

Saída:-

Na saída, você pode ver claramente que a caixa de grupo foi adicionada ao formulário. Você também pode ver que o texto da caixa de grupo foi alterado para 'Detalhes do usuário'.

Controle de etiqueta

Em seguida, vem o controle de rótulo. O controle de rótulo é usado para exibir um texto ou uma mensagem para o usuário no formulário. O controle de rótulo normalmente é usado junto com outros controles. Exemplos comuns são aqueles em que um rótulo é adicionado junto com o controle de caixa de texto.

O rótulo indica ao usuário o que se espera que seja preenchido na caixa de texto. Vamos ver como podemos implementar isso com um exemplo mostrado abaixo. Vamos adicionar 2 rótulos, um que se chamará 'nome' e o outro denominado 'endereço'. Eles serão usados ​​em conjunto com os controles de caixa de texto que serão adicionados na seção posterior.

Passo 1) A primeira etapa é arrastar o controle de rótulo para o Windows Form a partir da caixa de ferramentas, conforme mostrado abaixo. Certifique-se de arrastar o controle de rótulo 2 vezes para que você possa ter um para o 'nome' e outro para o 'endereço'.

Passo 2) Depois de adicionar o rótulo, vá para a janela de propriedades clicando no controle do rótulo. Na janela de propriedades, vá para a propriedade Text de cada controle de rótulo.

Depois de fazer as alterações acima, você verá a seguinte saída

Saída:-

Você pode ver os controles de rótulo adicionados ao formulário.

Caixa de texto

Uma caixa de texto é usada para permitir que um usuário insira algum texto no aplicativo do Windows em C #. Vamos ver como podemos implementar isso com um exemplo mostrado abaixo. Vamos adicionar 2 caixas de texto ao formulário, uma para o Nome e outra para o endereço a ser inserido para o usuário

Passo 1) A primeira etapa é arrastar o controle da caixa de texto para o Windows Form a partir da caixa de ferramentas, conforme mostrado abaixo

Passo 2) Depois de adicionar as caixas de texto, vá para a janela de propriedades clicando no controle da caixa de texto. Na janela de propriedades, vá para a propriedade Name e adicione um nome significativo a cada caixa de texto. Por exemplo, nomeie a caixa de texto do usuário como txtUser e a do endereço como txtAddress. Uma convenção e um padrão de nomenclatura devem ser feitos para os controles, porque se torna mais fácil adicionar funcionalidade extra a esses controles, o que veremos mais tarde.

Depois de fazer as alterações acima, você verá a seguinte saída

Saída:-

Na saída, você pode ver claramente que as caixas de texto foram adicionadas ao formulário.

Caixa de lista

Uma caixa de listagem é usada para mostrar uma lista de itens no formulário do Windows. Vamos ver como podemos implementar isso com um exemplo mostrado abaixo. Adicionaremos uma caixa de listagem ao formulário para armazenar alguns locais da cidade.

Passo 1) A primeira etapa é arrastar o controle da caixa de listagem para o Windows Form a partir da caixa de ferramentas, conforme mostrado abaixo

Passo 2) Depois de adicionar a caixa de listagem, vá para a janela de propriedades clicando no controle da caixa de listagem.

  1. Primeiro, altere a propriedade do controle da caixa de listagem, no nosso caso, alteramos isso para lstCity
  2. Clique na propriedade Itens. Isso permitirá que você adicione diferentes itens que podem aparecer na caixa de listagem. No nosso caso, selecionamos os itens 'coleção'.
  3. No Editor de coleção de strings, que aparece, insira os nomes das cidades. Em nosso caso, inserimos 'Mumbai', 'Bangalore' e 'Hyderabad'.
  4. Finalmente, clique no botão 'OK'.

Depois de fazer as alterações acima, você verá a seguinte saída

Saída:-

Na saída, você pode ver que a caixa de listagem foi adicionada ao formulário. Você também pode ver que a caixa de listagem foi preenchida com os valores da cidade.

Botao de radio

Um Radiobutton é usado para mostrar uma lista de itens da qual o usuário pode escolher um. Vamos ver como podemos implementar isso com um exemplo mostrado abaixo. Adicionaremos um botão de opção para uma opção masculino / feminino.

Passo 1) A primeira etapa é arrastar o controle 'radiobutton' para o Windows Form a partir da caixa de ferramentas, conforme mostrado abaixo.

Passo 2) Uma vez que o Radiobutton foi adicionado, vá para a janela de propriedades clicando no controle Radiobutton.

  1. Primeiro, você precisa alterar a propriedade text de ambos os controles Radio. Vá para as janelas de propriedades e altere o texto para masculino de um botão de opção e o texto do outro para feminino.
  2. Da mesma forma, altere a propriedade de nome de ambos os controles de rádio. Vá para a janela de propriedades e mude o nome para 'rdMale' de um botão de opção e 'rdfemale' para o outro.

Depois de fazer as alterações acima, você verá a seguinte saída

Saída:-

Você verá os botões de opção adicionados ao formulário do Windows.

Caixa de seleção

Uma caixa de seleção é usada para fornecer uma lista de opções em que o usuário pode escolher várias escolhas. Vamos ver como podemos implementar isso com um exemplo mostrado abaixo. Adicionaremos 2 caixas de seleção aos nossos formulários do Windows. Essas caixas de seleção fornecerão uma opção ao usuário sobre se deseja aprender C # ou ASP.Net.

Passo 1) A primeira etapa é arrastar o controle da caixa de seleção para o formulário do Windows a partir da caixa de ferramentas, conforme mostrado abaixo

Passo 2) Depois que a caixa de seleção for adicionada, vá para a janela de propriedades clicando no controle Caixa de seleção.

Na janela de propriedades,

  1. Primeiro, você precisa alterar a propriedade text de ambos os controles da caixa de seleção. Vá para as janelas de propriedades e altere o texto para C # e ASP.Net.
  2. Da mesma forma, altere a propriedade de nome de ambos os controles de rádio. Vá para as janelas de propriedades e altere o nome para chkC de uma caixa de seleção e para chkASP para a outra.

Depois de fazer as alterações acima, você verá a seguinte saída

Saída:-

Botão

Um botão é usado para permitir que o usuário clique em um botão que iniciaria o processamento do formulário. Vamos ver como podemos implementar isso com um exemplo mostrado abaixo. Adicionaremos um botão simples chamado 'Enviar' que será usado para enviar todas as informações do formulário.

Passo 1) A primeira etapa é arrastar o controle do botão para o Windows Form a partir da caixa de ferramentas, conforme mostrado abaixo

Passo 2) Depois de adicionar o Botão, vá para a janela de propriedades clicando no controle Botão.

  1. Primeiro, você precisa alterar a propriedade de texto do controle de botão. Vá para as janelas de propriedades e altere o texto para 'enviar'.
  2. Da mesma forma, altere a propriedade name do controle. Vá para as janelas de propriedades e altere o nome para 'btnSubmit'.

Depois de fazer as alterações acima, você verá a seguinte saída

Saída:-

Parabéns, agora você tem o seu primeiro Windows Form básico pronto. Vamos agora para o próximo tópico para ver como podemos fazer o tratamento de eventos para controles.

Tratamento de eventos C # para controles

Ao trabalhar com o formulário do Windows, você pode adicionar eventos aos controles. Um evento é algo que acontece quando uma ação é executada. Provavelmente, a ação mais comum é clicar em um botão em um formulário. Em C # Windows Forms, você pode adicionar código que pode ser usado para realizar certas ações quando um botão é pressionado no formulário.

Normalmente, quando um botão é pressionado em um formulário, significa que algum processamento deve ocorrer.

Vamos dar uma olhada em um dos eventos e como ele pode ser tratado antes de irmos para o cenário do evento de botão.

O exemplo a seguir irá mostrar um evento para o controle Listbox. Portanto, sempre que um item é selecionado no controle da caixa de listagem, uma caixa de mensagem deve aparecer mostrando o item selecionado. Vamos realizar as seguintes etapas para conseguir isso.

Passo 1) Clique duas vezes na caixa de listagem no designer de formulário . Fazendo isso, o Visual Studio abrirá automaticamente o arquivo de código do formulário. E adicionará automaticamente um método de evento ao código. Este método de evento será acionado sempre que algum item da caixa de listagem for selecionado.

Acima está o trecho de código que é adicionado automaticamente pelo Visual Studio, quando você clica duas vezes no controle da caixa de listagem no formulário. Agora vamos adicionar a seção de código abaixo a este trecho de código, para adicionar a funcionalidade necessária ao evento de caixa de listagem.

  1. Este é o método de manipulador de eventos que é criado automaticamente pelo Visual Studio quando você clica duas vezes no controle da caixa de listagem. Você não precisa se preocupar com a complexidade do nome do método ou dos parâmetros passados ​​para o método.
  2. Aqui estamos obtendo o SelectedItem por meio da propriedade lstCity.SelectedItem. Lembre-se de que lstCity é o nome do nosso controle Listbox. Em seguida, usamos o método GetItemText para obter o valor real do item selecionado. Em seguida, atribuímos esse valor à variável de texto.
  3. Finalmente, usamos o método MessageBox para exibir o valor da variável de texto para o usuário.

Depois de fazer as alterações acima e executar o programa no Visual Studio, você verá a seguinte saída

Saída:-

A partir da saída, você pode ver que quando qualquer item da caixa de listagem é selecionado, uma caixa de mensagem é exibida. Isso mostrará o item selecionado na caixa de listagem.

Agora vamos dar uma olhada no controle final que é o método de clique do botão. Novamente, isso segue a mesma filosofia. Basta clicar duas vezes no botão no Forms Designer e ele adicionará automaticamente o método para o manipulador de eventos do botão. Então você só precisa adicionar o código abaixo.

  1. Este é o método de manipulador de eventos que é criado automaticamente pelo Visual Studio quando você clica duas vezes no controle de botão. Você não precisa se preocupar com a complexidade do nome do método ou dos parâmetros passados ​​para o método.
  2. Aqui estamos obtendo valores inseridos na caixa de texto de nome e endereço. Os valores podem ser obtidos da propriedade text da caixa de texto. Em seguida, atribuímos os valores a 2 variáveis, nome e endereço de acordo.
  3. Finalmente, usamos o método MessageBox para exibir os valores de nome e endereço para o usuário.

Depois de fazer as alterações acima e executar o programa no Visual Studio, você verá a seguinte saída

Saída:-

  1. Primeiro, insira um valor no campo de nome e endereço.
  2. Em seguida, clique no botão Enviar

Depois de clicar no botão Enviar, uma caixa de mensagem aparecerá e mostrará corretamente o que você inseriu na seção de detalhes do usuário.

Controle de árvore e PictureBox

Existem mais 2 controles que podemos observar, um é o 'Controle de árvore' e o outro é o 'Controle de imagem'. Vejamos exemplos de como podemos implementar esses controles

Controle de árvore

- O controle de árvore é usado para listar itens em uma árvore como forma. Provavelmente, o melhor exemplo é quando vemos o próprio Windows Explorer. A estrutura de pastas no Windows Explorer é como uma estrutura em árvore.

Vamos ver como podemos implementar isso com um exemplo mostrado abaixo.

Passo 1) O primeiro passo é arrastar o controle Tree para o Windows Form a partir da caixa de ferramentas como mostrado abaixo

Passo 2) A próxima etapa é começar a adicionar nós à coleção de árvore para que ela possa aparecer na árvore de acordo. Primeiro, vamos seguir as subetapas abaixo para adicionar um nó raiz à coleção de árvore.

  1. Vá para a caixa de ferramentas de propriedades do controle de visualização em árvore. Clique na propriedade do Nó. Isso abrirá o Editor TreeNode
  2. No Editor de TreeNode, clique no botão Adicionar Raiz para adicionar um nó raiz à coleção de árvore.
  3. Em seguida, altere o texto do nó Raiz e forneça o texto como Raiz e clique no botão 'OK'. Isso adicionará o nó raiz.

Etapa 3) A próxima etapa é começar a adicionar os nós filhos à coleção da árvore. Vamos seguir as subetapas abaixo para adicionar o nó raiz filho à coleção da árvore.

  1. Primeiro, clique no botão Adicionar filho. Isso permitirá que você adicione nós filhos à coleção Tree.
  2. Para cada nó filho, altere a propriedade de texto. Continue repetindo a etapa anterior e esta etapa e adicione 2 nós adicionais. No final, você terá 3 nós conforme mostrado acima, com o texto como Rótulo, Botão e Caixa de seleção respectivamente.
  3. Clique no botão OK

Depois de fazer as alterações acima, você verá a seguinte saída.

Saída:-

Você poderá ver a visualização em árvore adicionada ao formulário. Ao executar o aplicativo de formulário do Windows, você pode expandir o nó raiz e ver os nós filhos na lista.

Controle de PictureBox

Este controle é usado para adicionar imagens ao Winforms C #. Vamos ver como podemos implementar isso com um exemplo mostrado abaixo.

Passo 1) A primeira etapa é arrastar o controle PictureBox para o formulário C # do Windows da caixa de ferramentas, conforme mostrado abaixo

Passo 2) A próxima etapa é realmente anexar uma imagem ao controle da caixa de imagem. Isso pode ser feito seguindo as etapas abaixo.

  1. Primeiro, clique na propriedade Image para o controle PictureBox. Uma nova janela aparecerá.
  2. Nesta janela, clique no botão Importar. Isso será usado para anexar uma imagem ao controle da caixa de imagem.
  3. Aparecerá uma caixa de diálogo na qual você poderá escolher a imagem para anexar à caixa de fotos
  4. Clique no botão OK

Depois de fazer as alterações acima, você verá a seguinte saída

Saída:-

Na saída, você pode ver que uma imagem é exibida no formulário.

Resumo

  • Um formulário do Windows em um aplicativo C # é executado na área de trabalho de um computador. O formulário do Visual Studio junto com o C # pode ser usado para criar um aplicativo Windows Forms.
  • Os controles podem ser adicionados aos formulários C # do Windows por meio da Caixa de ferramentas no Visual Studio. Controles como rótulos, caixas de seleção, botões de rádio, etc. podem ser adicionados ao formulário por meio da caixa de ferramentas.
  • Também é possível usar controles avançados, como o controle de exibição em árvore e o controle PictureBox.
  • Manipuladores de eventos são usados ​​para responder a eventos gerados a partir de controles. O mais comum é aquele adicionado para o evento de botão clicado.