Compartilhar via

Etapa 9: Revisar, comentar e testar seu código.

  • Artigo

Antes de adicionar um comentário ao seu código e testá-lo, reserve um tempo para revisar os conceitos de código, pois você usará esses conceitos com freqüência:

  • Quando você clicou duas vezes o Exibir uma imagem de botão no Designer de formulários do Windows, o IDE automaticamente adicionado um método ao código do seu programa.

  • Os métodos são como você pode organizar seu código: ele é como seu código está agrupado.

  • Na maioria das vezes, um método faz um pequeno número de itens em uma ordem específica, tais como o showButton_Click() método mostra uma caixa de diálogo e, em seguida, carrega uma imagem.

  • Um método é composto de instruções.Imagine um método como uma maneira de agrupar declarações juntos.

  • Quando um método é executado, ou chamado, as instruções no método são executadas na ordem, um após o outro, começando pelo primeiro.

    Este é um exemplo de uma instrução.

    pictureBox1.Load(openFileDialog1.FileName);

    pictureBox1.Load(openFileDialog1.FileName)

    As declarações são o que fazem com que seus programas fazer coisas.No Visual C#, uma instrução sempre termina em um ponto e vírgula.No Visual Basic, o fim de uma linha é o final de uma instrução.(Nenhum ponto e vírgula é necessária em Visual Basic). A instrução anterior informa ao seu PictureBox controle para carregar o arquivo que o usuário selecionado com o OpenFileDialog componente.

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

Em seguida, você adiciona um comentário ao seu código.Um comentário é uma nota que não muda a maneira como o programa se comporta.Ele torna mais fácil para alguém para entender o que faz o seu código.No Visual C#, duas barras (/ /) marcar uma linha como comentário.No Visual Basic, uma aspa simples (') é usada para marcar uma linha como comentário.

Depois de adicionar um comentário, você pode testar seu programa.Você acabou de criar a algo que funciona e, embora ele não for feito ainda, ele já pode carregar uma imagem.

Para adicionar comentários

  1. Adicione o seguinte.

    Private Sub showButton_Click() Handles showButton.Click

    ' Show the Open File dialog. If the user clicks OK, load the
    ' picture that the user chose.
    If OpenFileDialog1.ShowDialog() = DialogResult.OK Then
        PictureBox1.Load(OpenFileDialog1.FileName)
    End If

End Sub

    private void showButton_Click(object sender, EventArgs e)
{
    // Show the Open File dialog. If the user clicks OK, load the
    // picture that the user chose.
    if (openFileDialog1.ShowDialog() == DialogResult.OK)
    {
        pictureBox1.Load(openFileDialog1.FileName);
    }
}
    ObservaçãoObservação

    O showButton Click do botão, manipulador de eventos está concluída e ele funciona.Você iniciou a escrita de código, começando com um if instrução.Um if declaração é como você pode dizer ao programa, "verificar este uma coisa e se for true, siga estas ações. Nesse caso, você simplesmente dizer ao programa para abrir o Abrir o arquivo caixa de diálogo, e se o usuário seleciona um arquivo e clica o OK botão, carregar esse arquivo em PictureBox.
    ObservaçãoObservação

    O IDE é construído para tornar fácil para escrever o código, e trechos de código são uma maneira que ele faz isso.Um trecho é um atalho que obtém expandido em um pequeno bloco de código.

    Você pode ver todos os trechos de selecionando Gerenciador de trechos de código partir do Ferramentas menu.O if trecho está em Padrões de código de, dentro do condicionais e Loops subpasta.Você pode usar esse gerenciador para procurar os trechos de código existentes ou adicionar seus próprios trechos.

    Para ativar um trecho ao digitar o código, digite-o e pressione a tecla TAB.Muitos trechos são exibidos na IntelliSense janela, que é por isso que você pressione TAB duas vezes: primeiro para selecionar o trecho da IntelliSense janela e, em seguida, para informar o IDE para usar o trecho.(IntelliSense oferece suporte a if trecho, mas não o ifelse trecho.)

  2. Antes de executar seu programa, salve o seu programa clicando no Salvar tudo botão de barra de ferramentas, que aparece da seguinte maneira.

    Salvar todos os botões

    Salvar todos os botões da barra de ferramentas

    Como alternativa, para salvar o seu programa, da arquivo menu, clique em Salvar tudo.É uma prática recomendada para salvar antecipadamente e com freqüência.

    Quando ele é executado, o programa deve parecer com a imagem a seguir.

    Visualizador de imagens

    Visualizador de imagens

Para testar seu programa

  1. Pressione a tecla F5 ou clique o Start Debugging o botão de barra de ferramentas.

  2. Clique no Exibir uma imagem de o botão para executar o código que você acabou de escrever.Primeiro, o programa abre um Abrir arquivo de caixa de diálogo.Verifique se seus filtros aparecem na arquivos do tipo a lista suspensa na parte inferior da caixa de diálogo.Em seguida, navegue até uma imagem e abri-lo.Normalmente, é possível localizar as imagens de exemplo que acompanham o sistema operacional Windows em seu Meus documentos pasta, dentro do Minhas imagens Imagens\Amostras pasta.

  3. Carregar uma imagem, e ele aparece na sua PictureBox.Em seguida, tente redimensionar seu formulário.Como você tem o PictureBox encaixado dentro de um TableLayoutPanel, que por si só é encaixado dentro do formulário, sua área de imagem será redimensionado para que ele for tão largo quanto o formulário e preenche os 90% superior do formulário.É por isso que você usou os recipientes TableLayoutPanel e FlowLayoutPanel: eles mantêm seu formulário corretamente dimensionado quando o usuário a redimensiona.

Para continuar ou revisar