Etapa 8: Escrever código para mostrar um manipulador de eventos do botão de imagem

Nesta etapa, você faz o Exibir uma imagem de botão trabalho como este:

• Quando um usuário clica nesse botão, o programa abre um Abrir arquivo de caixa de diálogo.

• Se um usuário escolher um arquivo de imagem, o programa mostra a imagem em PictureBox.

O IDE possui uma ferramenta poderosa, chamada IntelliSense que ajuda você a escrever código.Quando você insere o código, o IDE abre uma caixa com conclusões sugeridos para parciais palavras digitadas.Ele tenta determinar o que você deseja fazer a seguir e salta automaticamente para o último item que você escolha na lista.Você pode usar de cima ou para baixo nas setas para mover na lista, ou você pode manter digitação de letras para restringir as opções.Quando você vir a opção desejada, pressione a tecla TAB para selecioná-lo.Ou, você pode ignorar as sugestões, se não forem necessárias.

Para obter uma versão de vídeo deste tópico, consulte Tutorial 1: criar um visualizador de imagens em Visual Basic - 4 vídeo ou Tutorial 1: criar um visualizador de imagens em C# - vídeo 4.

Escreva o código para mostrar um manipulador de eventos do botão de imagem

1. Vá para o Windows Forms Designer e clique duas vezes o Exibir uma imagem de botão.O IDE vai para o designer de código imediatamente e move o cursor para que fique dentro do showButton_Click() método que você adicionou anteriormente.

2. Tipo de um i na linha vazia entre as duas chaves {}.(Na Visual Basic, digite na linha vazia entre Sub… particular e End Sub). Um IntelliSense janela será aberta, conforme mostrado na figura a seguir.

   IntelliSense com código Visual C#

   

3. O IntelliSense janela deve ser realce a palavra se.(Se não, insira uma minúsculas f, e certamente definirá.) Observe como a dica de ferramenta amarela ao lado a IntelliSense janela mostra o trecho de código, se instrução.(Em Visual Basic, a dica de ferramenta também informa que se trata de um trecho, mas com um nome levemente diferente.) Você deseja usar nesse trecho.Pressione a tecla TAB para inserir Se em seu código.Em seguida, pressione a tecla TAB novamente para usar o Se trecho.(Se você clicou em algum outro lugar e o seu IntelliSense janela desaparecido, backspace sobre o i e digite-a novamente e o IntelliSense janela será aberta novamente.)

   Código Visual C#

   

4. Em seguida, use IntelliSense para inserir mais código para abrir um Abrir o arquivo caixa de diálogo.Se o usuário clicou a OK botão, PictureBox carrega o arquivo selecionado pelo usuário.As seguintes etapas mostram como inserir o código e, embora seja várias etapas, é apenas alguns pressionamentos de tecla:

   1. Iniciar com o texto selecionado true no trecho.Tipo de op para substituí-lo.(No Visual Basic, você pode começar com uma inicial maiúscula, portanto digite Op.)

   2. O IntelliSense janela abre e exibe openFileDialog1.Pressione TAB para selecioná-lo.(Em Visual Basic, ele começa com uma inicial maiúscula, para ver OpenFileDialog1.Certifique-se de que OpenFileDialog1 está selecionada.)

   3. Digite um ponto (.) (Muitos programadores chamar isso um ponto.) Como você digitou um ponto direito após openFileDialog1, um IntelliSense será aberta a janela, preenchida com todos os OpenFileDialog métodos e propriedades do componente.Estas são as mesmas propriedades que aparecem na Propriedades janela quando você clicar no Windows Forms Designer.Também há métodos que podem informar o componente para executar ações (como abrir uma caixa de diálogo).

      Observação
      O IntelliSense janela pode mostrar as propriedades e métodos.Para determinar o que é mostrado, observe o ícone à esquerda.Você vê uma imagem de um bloco ao lado de cada método e uma imagem de uma mão ao lado de cada propriedade.Há também um ícone de raio ao lado de cada evento.Essas imagens são exibidas da seguinte maneira.

      Ícone de método

      

      Ícone de propriedade

      

      Ícone de evento

      

   4. Comece a digitar ShowDialog (maiúsculas e minúsculas não não importante para IntelliSense).O ShowDialog() método mostrará a Abrir arquivo de caixa de diálogo.Após a janela tem realçado ShowDialog, pressione a tecla TAB.

   5. Quando você usa um método em um controle ou um componente (conhecido como chamando um método), você precisará adicionar parênteses.Assim, insira a abertura e fechamento de parênteses: )

      Observação

      Os métodos são uma parte importante de qualquer programa, e este tutorial mostra várias maneiras de usar métodos.Você pode chamar o método de um componente para orientá-lo a fazer algo, como como você chamou o OpenFileDialog do componente ShowDialog() método.Você pode criar seus próprios métodos para fazer com que o seu programa de fazer coisas, como a que você está criando agora, chamado de showButton_Click() método, que abre uma caixa de diálogo e uma imagem quando um usuário clica em um botão.

   6. Para Visual C#, adicionar um espaço e, em seguida, adicione dois sinais de igual (==).Para Visual Basic, adicione um espaço e, em seguida, use um único sinal de igual (=).(Visual C# e Visual Basic usam operadores de igualdade diferentes).

   7. Adicione outro espaço.Assim que você fizer isso, outro IntelliSense janela é aberta.Comece a digitar DialogResult e pressione TAB para adicioná-lo.

      Observação

      Quando você escreve código para chamar um método, às vezes, ele retorna um valor.Nesse caso, o OpenFileDialog do componente ShowDialog() método retorna um valor DialogResult.DialogResult é um valor especial que informa o que aconteceu em uma caixa de diálogo.Um OpenFileDialog componente pode resultar no usuário clicar em OK ou Cancelar, de modo que seu ShowDialog() método retornará DialogResult.OK ou DialogResult.Cancel.

   8. Digite um ponto para abrir o valor DialogResult IntelliSense janela.Digite a letra o e pressione TAB para inserir OK.

      Observação
      A primeira linha de código deve ser concluída.Para Visual C#, ele deve ser o seguinte. if (openFileDialog1.ShowDialog() == DialogResult.OK) Para Visual Basic, ele deve ser. If OpenFileDialog1.ShowDialog() = DialogResult.OK Then

   9. Agora, adicione uma linha mais de código.Você pode digitá-lo (ou copie e cole-a), mas considere o uso de IntelliSense para adicioná-lo.Quanto mais familiar estiver com IntelliSense, mais rapidamente, você pode escrever seu próprio código.Seu final showButton_Click() método parece com o seguinte.

      Private Sub showButton_Click() Handles showButton.Click
      
          If OpenFileDialog1.ShowDialog() = DialogResult.OK Then
              PictureBox1.Load(OpenFileDialog1.FileName)
          End If
      
      End Sub
      

      private void showButton_Click(object sender, EventArgs e)
      {
          if (openFileDialog1.ShowDialog() == DialogResult.OK)
          {
              pictureBox1.Load(openFileDialog1.FileName);  
          }
      }
      

Para continuar ou revisar

• Para ir para a próxima etapa do tutorial, consulte Etapa 9: Revisar, comentar e testar seu código..

• Para retornar para a etapa anterior do tutorial, consulte Etapa 7: Adicionar caixa de diálogo componentes ao formulário.