Etapa 6: Nomear os controles de botão
Há apenas um PictureBox no formulário.Quando você adicionou, o IDE automaticamente denominou pictureBox1.Há apenas uma caixa de seleção, que é chamada de checkBox1.Em breve, você irá escrever alguns códigos e que o código se referirá à caixa de seleção e PictureBox.Como há apenas um de cada um desses controles, você saberá o que significa quando você vir pictureBox1 ou checkBox1 em seu código.
Observação |
---|
Em Visual Basic, a primeira letra do padrão de qualquer nome de controle é a inicial maiúscula, portanto, os nomes são PictureBox1, CheckBox1e assim por diante. |
Existem quatro botões em seu formulário e o IDE denominado-las button1, button2, button3, e button4.Olhando apenas seus nomes atuais, você não souber qual botão está a Fechar botão e qual é o Exibir uma imagem de botão.É por isso que os controles de botão de nomeação é útil.
Para obter uma versão de vídeo deste tópico, consulte Tutorial 1: criar um visualizador de imagens em Visual Basic - vídeo 3 ou Tutorial 1: criar um visualizador de imagens em C# - vídeo 3.
Nomear os controles de botão
Clique no Fechar botão.(Se você ainda tem todos os botões selecionados, pressione a tecla ESC para cancelar a seleção). Rolar para o Propriedades janela até ver o (nome) propriedade.(O (nome) é de propriedade próximo à parte superior quando as propriedades estão em ordem alfabética.) Altere o nome para BotãoFechar, conforme mostrado na figura a seguir.
Janela de propriedades com nome closeButton
Observação Se você tentar alterar o nome do seu botão para Fecharbotão, com um espaço entre as palavras fechar e o botão, o IDE exibe uma mensagem de erro: "o valor da propriedade não é válido". Espaços (e alguns outros caracteres) não são permitidos em nomes de controle.
Renomeie os três botões para backgroundButton, clearButton, e showButton.Você pode verificar os nomes clicando-se o controle seletor na lista suspensa na Propriedades janela.Os novos nomes de botão aparecem.
Clique duas vezes o Exibir uma imagem de botão no Windows Forms Designer.Quando você faz, o IDE abre uma nova aba na janela principal do chamado a Form1. cs guia, conforme mostrado na figura a seguir.
Guia Form1.cs com código Visual C#
Concentre-se nesta parte do código.
Private Sub showButton_Click() Handles showButton.Click End Sub
private void showButton_Click(object sender, EventArgs e) { }
Você está vendo um método chamado showButton_Click().O IDE adicionou esse recurso quando você clicou a showButton botão.Esse método contém código que é executada quando o Exibir uma imagem de botão é clicado.
Observação Neste tutorial, o código de Visual Basic que é gerado automaticamente foi simplificado, removendo tudo entre os parênteses, ().Sempre que isso ocorrer, você pode remover o mesmo código.O programa funcionará em ambos os casos.Para o restante dos tutoriais, qualquer código gerado automaticamente é simplificado, sempre que possível.
Vá para a guia designer (o Form1. cs [Design guia no Visual C# ou o Form1. vb [Design guia Visual Basic) e clique duas vezes o Limpar a imagem botão.Repita esse procedimento para os últimos dois botões.Cada vez, o IDE adiciona um novo método para o código do formulário.
Para adicionar um método mais, clique duas vezes o caixa de seleção control in Windows Forms Designer para que o IDE para adicionar um checkBox1_CheckedChanged() método.Esse método é chamado sempre que o usuário seleciona ou desmarca a caixa de seleção.
Observação Ao trabalhar em um programa, você geralmente move entre o editor de código e o Windows Forms Designer.O IDE torna mais fácil navegar no seu projeto.Use Solution Explorer para abrir o Windows Forms Designer clicando duas vezes em Form1. cs no Visual C# ou Form1. vb em Visual Basic.
A tabela a seguir mostra o novo código que você vê no editor de código.
Private Sub clearButton_Click() Handles clearButton.Click End Sub Private Sub backgroundButton_Click() Handles backgroundButton.Click End Sub Private Sub closeButton_Click() Handles closeButton.Click End Sub Private Sub CheckBox1_CheckedChanged() Handles CheckBox1.CheckedChanged End Sub
private void clearButton_Click(object sender, EventArgs e) { } private void backgroundButton_Click(object sender, EventArgs e) { } private void closeButton_Click(object sender, EventArgs e) { } private void checkBox1_CheckedChanged(object sender, EventArgs e) { }
Observação Os cinco métodos que você adicionou são chamados manipuladores de eventos, porque seu programa chama-los sempre que um evento (como um usuário clicar em um botão ou marcar uma caixa) acontece.
Quando você clica duas vezes um controle no IDE, ele adiciona um método do manipulador de eventos para o controle.Por exemplo, quando você clica duas vezes um botão, o IDE adiciona um manipulador de eventos para o evento Click (que é chamado sempre que o usuário clica no botão).Quando você clica duas vezes uma caixa de seleção, o IDE adiciona um manipulador de eventos para o evento CheckedChanged (que é chamado sempre que o usuário seleciona ou desmarca a caixa).
Depois de adicionar um manipulador de eventos para um controle, você pode retornar a ele a qualquer momento a partir do Windows Forms Designer clicando duas vezes no controle.
Observação Nomes são importantes quando você cria programas e métodos (incluindo os manipuladores de eventos) podem ter qualquer nome que você deseja.Quando você adiciona um manipulador de eventos com o IDE, ele escolhe um nome baseado no nome do controle e o evento que está sendo manipulado.Por exemplo, o evento Click de um botão chamado showButton é chamado de showButton_Click() método manipulador de eventos.Além disso, abertura e fechamento de parênteses () são normalmente adicionados após o método nomear tornar claro que métodos estão sendo discutidas.
Para continuar ou revisar
Para ir para a próxima etapa do tutorial, consulte Etapa 7: Adicionar caixa de diálogo componentes ao formulário.
Para retornar para a etapa anterior do tutorial, consulte Etapa 5: Adicionar controles ao formulário.