Tutorial de 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 o Visual Studio e C# para criar Windows Forms 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 algumas noções básicas 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
• Hello World in Windows Forms
• Adicionar controles a um formulário
• Gerenciamento de eventos para controles
• Controle de árvore e PictureBox

Noções básicas do Windows Forms

Um aplicativo de formulários do Windows é aquele que é 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 de formulário do Windows simples C#. Ele mostra uma tela de Login simples, que pode ser acessada pelo usuário. O usuário inserirá as credenciais necessárias e, em seguida, clicará no botão Login para prosseguir.

Então 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, no 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 de usuário e a outra para a senha.
2. As 2 caixas de texto são usadas para armazenar 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 de 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 da senha inseridos pelo usuário.

C# Olá Mundo

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

Etapa 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 New->Project.

Etapa 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 Windows Forms Application. Clique nesta opção.
3. Damos um nome para o aplicativo. No nosso caso, é DemoApplication. Também forneceremos um local para armazenar nosso aplicativo.
4. Por fim, 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 Solution Explorer, você também poderá ver a DemoApplication Solution. Esta solução conterá os 2 arquivos de projeto abaixo

1. Um aplicativo de formulário chamado Forms1.cs. Este arquivo conterá todo o código do 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. Esse 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 Windows Forms.

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

Etapa 3) Nesta etapa, agora adicionaremos 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ê poderá ver o rótulo incorporado ao formulário, conforme mostrado abaixo.

Etapa 4) O próximo passo é ir para as 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 do mouse no controle e escolher a opção do menu Propriedades

• O painel de propriedades também aparece no Visual Studio. Portanto, para o controle de rótulo, no controle de propriedades, vá para a seção Texto e digite “Hello World”.
• Cada controle tem 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 que 'Hello World' é 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 de C#, criaremos um formulário que terá a seguinte funcionalidade.

1. A capacidade do usuário de inserir nome e 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 sexo.
4. Uma opção para escolher um curso que o usuário deseja aprender. Haverá opções para C# e ASP.Net

Então, vamos ver 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. Vamos dar um exemplo se você tivesse uma coleção de controles para inserir detalhes como nome e endereço de uma pessoa. Idealmente, estes são detalhes de uma pessoa, então você gostaria de ter esses detalhes em uma seção separada no Formulário. Para este efeito, você pode ter uma caixa de grupo. Vamos ver como podemos implementar isso com um exemplo mostrado abaixo

Etapa 1) A primeira etapa é arrastar o controle Groupbox para o Windows Form da caixa de ferramentas, conforme mostrado abaixo

Etapa 2) Depois que o groupbox for adicionado, vá para a janela de propriedades clicando no controle groupbox. Na janela de propriedades, vá para a propriedade Text e altere para “User Details”.

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

Saída:-

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

Controle de rótulo

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 em que um rótulo é adicionado junto com o controle de caixa de texto.

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

Etapa 1) A primeira etapa é arrastar o controle de rótulo para o Windows Form 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'.

Etapa 2) Uma vez que o rótulo foi adicionado, 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. Adicionaremos 2 caixas de texto ao formulário, uma para o Nome e outra para o endereço a ser inserido para o usuário

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

Etapa 2) Depois que as caixas de texto forem adicionadas, 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 txtName e a do endereço como txtAddress. Uma convenção de nomenclatura e um padrão devem ser feitos para os controles porque fica mais fácil adicionar funcionalidades extras a esses controles, que veremos mais adiante.

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 listagem

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.

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

Etapa 2) Depois que a caixa de listagem for adicionada, vá para a janela de propriedades clicando no controle da caixa de listagem.

1. Primeiro, altere a propriedade do controle Listbox, no nosso caso, alteramos isso para lstCity
2. Clique na propriedade Itens. Isso permitirá que você adicione itens diferentes que podem aparecer na caixa de listagem. No nosso caso, selecionamos itens “coleção”.
3. No String Collection Editor, que aparece, insira os nomes das cidades. No nosso caso, inserimos “Mumbai”, “Bangalore” e “Hyderabad”.
4. Por fim, 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 o Listbox foi adicionado ao formulário. Você também pode ver que a caixa de listagem foi preenchida com os valores da cidade.

Botão de Rádio

Um Radiobutton é usado para mostrar uma lista de itens dos quais 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 masculina/feminina.

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

Etapa 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á até as janelas de propriedades e altere o texto de um botão de opção para masculino e o texto do outro para feminino.
2. Da mesma forma, altere a propriedade name de ambos os controles de rádio. Vá para as janelas de propriedades e altere o nome para 'rdMale' de um botão de opção e para 'rdfemale' para o outro.

Uma vez que você fizer 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 na qual o usuário pode escolher várias opções. 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 para o usuário se ele deseja aprender C# ou ASP.Net.

Etapa 1) A primeira etapa é arrastar o controle da caixa de seleção para o Windows Form da caixa de ferramentas, conforme mostrado abaixo

Etapa 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 de 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 name 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.

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

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

1. Primeiro, você precisa alterar a propriedade text 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 seu primeiro Windows Form básico. Vamos agora para o próximo tópico para ver como podemos fazer manipulação de eventos para controles.

C# manipulação de eventos para controles

Ao trabalhar com o Windows Form, 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 executar determinadas ações quando um botão é pressionado no formulário.

Normalmente, quando um botão é pressionado em um formulário, isso 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 de evento de botão.

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

Etapa 1) Clique duas vezes na caixa de listagem no designer de formulários. Ao fazer isso, o Visual Studio abrirá automaticamente o arquivo de código para o formulário. E ele adicionará automaticamente um método de evento ao código. Este método de evento será acionado sempre que qualquer item do listbox for selecionado.

Acima está o trecho de código que é adicionado automaticamente pelo Visual Studio, quando você clica duas vezes no controle de 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 do manipulador de eventos que é criado automaticamente pelo Visual Studio quando você clica duas vezes no controle de caixa de listagem. Você não precisa se preocupar com a complexidade do nome do método ou os parâmetros passados ​​para o método.
2. Aqui estamos obtendo o SelectedItem por meio da propriedade lstCity.SelectedItem. Lembre-se 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. Por fim, usamos o método MessageBox para exibir o valor da variável de texto para o usuário.

Se você fizer as alterações acima e executar o programa no Visual Studio, 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 aparece. Isso mostrará o item selecionado na caixa de listagem.

Agora vamos dar uma olhada no controle final que é o botão click Method. 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 do 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 os parâmetros passados ​​para o método.
2. Aqui estamos obtendo os 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. Por fim, usamos o método MessageBox para exibir os valores de nome e endereço para o usuário.

Se você fizer as alterações acima e executar o programa no Visual Studio, 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 será exibida e mostrará corretamente o que você digitou na seção de detalhes do usuário.

Controle de Árvore e PictureBox

Existem mais 2 controles que podemos ver, 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 forma de árvore. Provavelmente o melhor exemplo é quando vemos o próprio Windows Explorer. A estrutura de pastas no Windows Explorer é como uma estrutura em forma de árvore.

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

Etapa 1) A primeira etapa é arrastar o controle Tree para o Windows Form da caixa de ferramentas, conforme mostrado abaixo

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

1. Vá para a caixa de ferramentas de propriedades do controle de exibição em árvore. Clique na propriedade do Node. Isso abrirá o Editor TreeNode
2. No Editor TreeNode, clique no botão Adicionar raiz para adicionar um nó raiz à coleção de árvores.
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 de árvores. Vamos seguir as subetapas abaixo para adicionar o nó raiz filho à coleção de árvores.

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 text. Continue repetindo a etapa anterior e esta etapa e adicione 2 nós adicionais. No final, você terá 3 nós como mostrado acima, com o texto como Label, Button e Checkbox 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 filho 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.

Etapa 1) A primeira etapa é arrastar o controle PictureBox para o C# Windows Form da caixa de ferramentas, conforme mostrado abaixo

Etapa 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 do controle PictureBox. Uma nova janela será exibida.
2. Nesta janela, clique no botão Importar. Isso será usado para anexar uma imagem ao controle picturebox.
3. Aparecerá uma caixa de diálogo na qual você poderá escolher a imagem para anexar a caixa de imagem
4. Clique no botão OK

Uma vez que você fizer as alterações acima, você verá a seguinte saída

Saída:-

A partir da 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 Visual Studio Form junto com o C# pode ser usado para criar um aplicativo Windows Forms.
• Os controles podem ser adicionados aos formulários do Windows C# por meio da caixa de ferramentas no Visual Studio. Controles como rótulos, caixas de seleção, botões de opção 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.
• Os manipuladores de eventos são usados ​​para responder a eventos gerados a partir de controles. O mais comum é aquele adicionado para o evento clicado no botão.