C# Windows Tutorial de aplicação de formulários com exemplo
Andador benjamin
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 Windowsaplicativos baseados em. Também aprenderemos algumas noções básicas sobre como trabalhar com os vários elementos do C# Windows aplicação.
Windows Noções básicas de formulários
A Windows O aplicativo Forms é aquele executado no computador desktop. A Windows Um aplicativo de formulários normalmente terá uma coleção de controles, como rótulos, caixas de texto, caixas de listagem, etc.
Abaixo está um exemplo de um simples Windows aplicativo de formulário C#. Mostra uma tela de Login simples, que pode ser acessada pelo usuário. O usuário inserirá as credenciais necessárias e clicará no botão Login para prosseguir.
Então, um exemplo dos controles disponíveis no aplicativo acima
- 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 serve para inserir o nome de usuário e a outra para a senha.
- 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.
- Finalmente, temos o controle do 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, poderíamos fazer com que o botão executasse uma ação de validação do nome de usuário e senha inseridos pelo usuário.
C# Olá Mundo
Agora vamos ver um exemplo de como podemos implementar um aplicativo simples de 'olá mundo' 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 o lançamento Visual Studio, você precisa escolher a opção de menu Novo->Projeto.
Passo 2) O próximo passo é escolher o tipo de projeto como Windows Aplicação de formulários. Aqui também precisamos mencionar o nome e a localização do nosso projeto.
- Na caixa de diálogo do projeto, podemos ver várias opções para criar diferentes tipos de projetos no Visual Studio. Clique no Windows opção no lado esquerdo.
- Quando clicamos no Windows opções na etapa anterior, poderemos ver uma opção para Windows Aplicação de formulários. Clique nesta opção.
- Daremos um nome para o aplicativo. No nosso caso, é DemoApplication. Também forneceremos um local para armazenar nosso aplicativo.
- 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.
Resultado:-
Você verá um Form Designer exibido no Visual Studio. É neste Form Designer que você começará a construir seu Windows Aplicação de formulários.
No Solution Explorer, você também poderá ver a DemoApplication Solution. Esta solução conterá os 2 arquivos de projeto abaixo
- Um aplicativo de formulário chamado Forms1.cs. Este arquivo conterá todo o código do Windows Formulário de inscrição.
- O programa principal chamado Program.cs é um arquivo de código padrão 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 ferramentaBox. A caixa de ferramentas contém todos os controles que podem ser adicionados a um Windows Formulários. Controles como uma caixa de texto ou um rótulo são apenas alguns dos controles que podem ser adicionados a um Windows Formulários.
Abaixo está uma captura de tela da aparência da caixa de ferramentas.
Passo 3) Nesta etapa, adicionaremos agora 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 no formulário, conforme mostrado abaixo.
Passo 4) O próximo passo é ir até 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 de 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 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
Resultado:-
Na saída, você pode ver que o Windows O formulário é exibido. Você também pode ver que 'Hello World' é exibido no formulário.
Adicionando controles a um formulário
Já havíamos visto como adicionar um controle a um formulário quando adicionamos o controle rótulo na seção anterior para exibir “Hello World”.
Vejamos os outros controles disponíveis para Windows formulários e veja algumas de suas propriedades comuns.
No nosso Windows formulário de aplicação em exemplos de C#, criaremos um formulário que terá a seguinte funcionalidade.
- A capacidade do usuário inserir nome e endereço.
- Opção para escolher a cidade em que o usuário reside
- A capacidade do usuário inserir uma opção para o gênero.
- Opção de escolher o curso que o usuário deseja aprender. Haverá escolhas para C# e ASP.Net
Então, vamos examinar cada controle detalhadamente e adicioná-los para construir o formulário com a funcionalidade mencionada acima.
Grupo Box
Uma caixa de grupo é usada para agrupar controles lógicos 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. 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 isso, você pode ter uma caixa de grupo. Vamos ver como podemos implementar isso com um exemplo mostrado abaixo
Passo 1) O primeiro passo é arrastar o controle Groupbox para o Windows Formulário da caixa de ferramentas conforme mostrado abaixo
Passo 2) Depois que a caixa de grupo for adicionada, vá para a janela de propriedades clicando no controle da caixa de grupo. Na janela de propriedades, vá até a propriedade Texto e altere para “Detalhes do usuário”.
Depois de fazer as alterações acima, você verá a seguinte saída
Resultado:-
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 etiqueta
Em seguida vem o controle de rótulo. O controle rótulo é usado para exibir um texto ou mensagem ao usuário no formulário. O controle rótulo normalmente é usado junto com outros controles. Exemplos comuns são quando um rótulo é adicionado junto com o controle de caixa de texto.
O rótulo indica ao usuário o que se espera preencher na caixa de texto. Vamos ver como podemos implementar isso com um exemplo mostrado abaixo. Adicionaremos 2 rótulos, um chamado 'nome' e outro chamado '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) O primeiro passo é arrastar o controle rótulo para o Windows Form da caixa de ferramentas como mostrado abaixo. Certifique-se de arrastar o controle de rótulo 2 vezes para que você possa ter um para o 'nome' e o outro para o 'endereço'.
Passo 2) Depois que o rótulo for 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
Resultado:-
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 na Windows aplicação 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 a outra para o endereço a ser inserido para o usuário
Passo 1) O primeiro passo é arrastar o controle da caixa de texto para o Windows Formulário da caixa de ferramentas conforme mostrado abaixo
Passo 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 e um padrão de nomenclatura devem ser criados para os controles porque fica mais fácil adicionar funcionalidades extras a esses controles, o que veremos mais adiante.
Depois de fazer as alterações acima, você verá a seguinte saída
Resultado:-
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 exibir uma lista de itens na Windows formulário. Vamos ver como podemos implementar isso com um exemplo mostrado abaixo. Adicionaremos uma caixa de listagem ao formulário para armazenar algumas localizações de cidades.
Passo 1) O primeiro passo é arrastar o controle da caixa de listagem para o Windows Formulário da caixa de ferramentas conforme mostrado abaixo
Passo 2) Depois que a caixa de listagem for adicionada, vá para a janela de propriedades clicando no controle da caixa de listagem.
- Primeiro, altere a propriedade do controle Listbox, no nosso caso, alteramos para lstCity
- Clique na propriedade Itens. Isso permitirá que você adicione diferentes itens que podem aparecer na caixa de listagem. No nosso caso, selecionamos itens “coleção”.
- No String Collection Editor, que aparece, insira os nomes das cidades. No nosso caso, inserimos “Mumbai”, “Bangalore” e “Hyderabad”.
- Por fim, clique no botão 'OK'.
Depois de fazer as alterações acima, você verá a seguinte saída
Resultado:-
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.
Radiobutton
Um botão de opção é usado para mostrar uma lista de itens entre os 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.
Passo 1) O primeiro passo é arrastar o controle 'radiobutton' para o Windows Forme a partir da caixa de ferramentas conforme mostrado abaixo.
Passo 2) Depois que o Radiobutton for adicionado, vá para a janela de propriedades clicando no controle Radiobutton.
- Primeiro, você precisa alterar a propriedade text de ambos os controles Radio. Vá para a janela de propriedades e altere o texto para masculino de um botão de opção e o texto do outro para feminino.
- Da mesma forma, altere a propriedade name de ambos os controles Radio. Vá até a janela de propriedades e mude o nome para 'rdMale' de um radiobutton e para 'rdfemale' do outro.
Depois de fazer as alterações acima, você verá a seguinte saída
Resultado:-
Você verá os botões de opção adicionados ao Windows .
Caixa de seleção
Uma caixa de seleção é usada para fornecer uma lista de opções nas quais 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 ao nosso Windows formulários. Essas caixas de seleção fornecerão uma opção ao usuário sobre se ele quer aprender C# ou ASP.Net.
Passo 1) O primeiro passo é arrastar o controle da caixa de seleção para o Windows Formulário 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,
- Primeiro, você precisa alterar a propriedade text de ambos os controles de caixa de seleção. Vá nas janelas de propriedades e altere o texto para C# e ASP.Net.
- Da mesma forma, altere a propriedade name de ambos os controles Radio. Vá para a janela de propriedades e altere o nome para chkC de uma caixa de seleção e para chkASP da outra.
Depois de fazer as alterações acima, você verá a seguinte saída
Resultado:-
Botão
Um botão é usado para permitir ao usuário clicar 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) O primeiro passo é arrastar o controle do botão para o Windows Formulário da caixa de ferramentas conforme mostrado abaixo
Passo 2) Depois que o botão for adicionado, vá para a janela de propriedades clicando no controle Button.
- Primeiro, você precisa alterar a propriedade text do controle de botão. Vá para a janela de propriedades e altere o texto para 'enviar'.
- Da mesma forma, altere a propriedade name do controle. Vá para a janela de propriedades e mude o nome para 'btnSubmit'.
Depois de fazer as alterações acima, você verá a seguinte saída
Resultado:-
Parabéns, agora você tem seu primeiro básico Windows Formulário no lugar. 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 Windows Form, você pode adicionar eventos aos controles. Um evento é algo que acontece quando uma ação é realizada. Provavelmente a ação mais comum é clicar em um botão em um formulário. Em C# Windows Formulários, 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, significa que algum processamento deve ocorrer.
Vamos dar uma olhada em um dos eventos e como ele pode ser tratado antes de passarmos para o cenário do evento de botão.
O exemplo abaixo mostrará um evento para o controle Listbox. Portanto, sempre que um item for selecionado no controle de caixa de listagem, uma caixa de mensagem deverá aparecer mostrando o item selecionado. Vamos realizar as seguintes etapas para conseguir isso.
Passo 1) Double clique na caixa de listagem no designer de formulários. Ao fazer 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 List box 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.
- Este é o método do manipulador de eventos 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 com os parâmetros passados para o método.
- 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.
- Finalmente, usamos a MensagemBox método 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
Resultado:-
Na saída, você pode ver que quando qualquer item da caixa de listagem for selecionado, uma caixa de mensagem aparecerá. Isso mostrará o item selecionado na caixa de listagem.
Agora vamos dar uma olhada no controle final que é o método de clique de 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.
- Este é o método 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 com os parâmetros passados para o método.
- 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.
- Finalmente, usamos a MensagemBox método 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
Resultado:-
- Primeiro, insira um valor no campo de nome e endereço.
- 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.
Árvore e imagemBox Controlar
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 forma de árvore. Provavelmente o melhor exemplo é quando vemos o Windows O próprio explorador. A estrutura de pastas em Windows O Explorer é como uma estrutura semelhante a uma árvore.
Vamos ver como podemos implementar isso com um exemplo mostrado abaixo.
Passo 1) O primeiro passo é arrastar o controle Árvore para o Windows Formulário da caixa de ferramentas conforme mostrado abaixo
Passo 2) A próxima etapa é começar a adicionar nós à coleção de árvores para que eles possam aparecer na árvore de acordo. Primeiro, vamos seguir as subetapas abaixo para adicionar um nó raiz à coleção de árvores.
- 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
- No TreeNode Editor, clique no botão Add Root para adicionar um nó raiz à coleção de árvores.
- Em seguida, altere o texto do nó Root e forneça o texto como Root e clique no botão ‘OK’. Isso adicionará o nó raiz.
Passo 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.
- Primeiro, clique no botão Adicionar filho. Isso permitirá que você adicione nós filhos à coleção Tree.
- 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 Label, Button e Checkbox respectivamente.
- Clique no botão OK
Depois de fazer as alterações acima, você verá a seguinte saída.
Resultado:-
Você poderá ver a visualização em árvore adicionada ao formulário. Quando você executa o Windows aplicativo de formulário, você pode expandir o nó raiz e ver os nós filhos na lista.
ImagemBox Controlar
Este controle é usado para adicionar imagens ao Winforms C#. Vamos ver como podemos implementar isso com um exemplo mostrado abaixo.
Passo 1) O primeiro passo é arrastar a imagemBox controle para o C# Windows Formulário da caixa de ferramentas conforme mostrado abaixo
Passo 2) A próxima etapa é anexar uma imagem ao controle de caixa de imagem. Isso pode ser feito seguindo as etapas abaixo.
- Primeiro, clique na propriedade Image da imagemBox ao controle. Uma nova janela aparecerá.
- Nesta janela, clique no botão Importar. Isso será usado para anexar uma imagem ao controle picturebox.
- Uma caixa de diálogo aparecerá onde você poderá escolher a imagem para anexar a picturebox
- Clique no botão OK
Depois de fazer as alterações acima, você verá a seguinte saída
Resultado:-
Na saída, você pode ver que uma imagem é exibida no formulário.
Resumo
- A Windows formulário em C# é aquele que roda na área de trabalho de um computador. O Visual Studio Form junto com C# pode ser usado para criar um Windows Aplicação de formulários.
- Os controles podem ser adicionados ao Windows formulários C# via Toolbox no Visual Studio. Controles como rótulos, caixas de seleção, botões de opção, etc. podem ser adicionados ao formulário via toolbox.
- Também é possível usar controles avançados, como o controle de visualização em árvore e o PictureBox controlar.
- 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.
