Etapa 7: Adicionar componentes de diálogo ao formulário

Para ativar seu programa para abrir arquivos de imagem e escolher uma cor do plano de fundo, nesta etapa, você adiciona um componente de OpenFileDialog e um componente de ColorDialog ao seu formulário.

Um componente é como um controle de certas maneiras.Você usa a caixa de ferramentas para adicionar um componente ao seu formulário e ajusta suas propriedades usando a janela Propriedades.Mas, diferentemente de um controle, adicionar um componente ao seu formulário não adiciona um item visível que o usuário possa ver no formulário.Em vez disso, fornece determinados comportamentos que você pode disparar com código.É um componente que abre uma caixa de diálogo Abrir Arquivo.

Para uma versão de vídeo deste tópico, consulte o Tutorial 1: Criar um Visualizador de Imagens no Visual Basic - Vídeo 3 ou o Tutorial 1: Criar um Visualizador de Imagens em C# - Vídeo 3.Esses vídeos usam uma versão anterior do Visual Studio, portanto, existem pequenas diferenças em alguns comandos de menu e em outros elementos da interface do usuário.No entanto, os conceitos e procedimentos funcionam de maneiras semelhantes na versão atual do Visual Studio.

Para adicionar componentes da caixa de diálogo ao seu formulário

1. Escolha o Designer do Windows Forms (Form1.cs [Design] ou Form1.vb [Design]) e então abra o grupo Caixas de Diálogo na Caixa de Ferramentas.

   Observação
   O grupo Diálogos na caixa de ferramentas tem componentes que abrem muitas caixas de diálogo úteis para você, que podem ser usadas para abrir e salvar arquivos, navegar por pastas e escolher fontes e cores.Você usa dois componentes da caixa de diálogo no projeto: OpenFileDialog e ColorDialog.

2. Para adicionar um componente chamado openFileDialog1 ao formulário, clique duas vezes em OpenFileDialog.Para adicionar um componente chamado colorDialog1 ao formulário, clique duas vezes em ColorDialog na Caixa de ferramentas. (Use a referência da próxima etapa do tutorial.) Você deve ver uma área na parte inferior do Windows Forms Designer (abaixo do formulário visualizador de imagens) que tem um ícone para cada um dos dois componentes da caixa de diálogo que você adicionou, conforme mostrado na seguinte imagem.

   Componentes da caixa de diálogo

   

3. Escolha o ícone openFileDialog1 na área na parte inferior do Designer do Windows Forms.Defina as duas propriedades:

   • Defina a propriedade Filtro para o seguinte (você pode copiar e colar):

     JPEG Files (*.jpg)|*.jpg|PNG Files (*.png)|*.png|BMP Files (*.bmp)|*.bmp|All files (*.*)|*.*
     

   • Defina a propriedade Título para o seguinte: Selecione um arquivo de imagem

     As configurações de propriedade de Filtro especificam os tipos de arquivo que serão exibidos na caixa de diálogo de arquivo Selecione uma imagem.

   Observação

   Para ver um exemplo da caixa de diálogo Abrir Arquivo em um aplicativo diferente, abra o Bloco de Notas ou o Paint, e na barra de menus, escolha Arquivo, Abrir.Observe como há uma lista suspensa de Arquivos de tipo na parte inferior.Você acabou de usar a propriedade Filtrar no componente de OpenFileDialog para configurar isso.Além disso, observe como as propriedades de Título e de Filtro são colocadas em negrito na janela de Propriedades.O IDE faz isso para mostrar a você todas as propriedades que tiveram seus valores padrão alterados.

Para continuar ou revisar

• Para ir para a próxima etapa do tutorial, consulte Etapa 8: Escrever código para o manipulador de eventos do botão Mostrar uma Imagem.

• Para retornar à etapa anterior do tutorial, consulte Etapa 6: Nomear os controles de botão.