Partilhar via

Exibindo imagens: Usando o controle PictureBox

  • Artigo

Nesta lição, você aprenderá como usar um controle PictureBox para exibir imagens e também como exibir uma imagem como uma imagem de plano de fundo em um formulário.

Dizem que uma imagem vale mais que mil palavras e, na verdade, muitos programas usam imagens para comunicar informações.Há várias maneiras para exibir figuras no Visual Basic. A maneira mais comum é usar um controle PictureBox.

O controle PictureBox atua como um contêiner para imagens; você escolhe a imagem a ser exibida, definindo a propriedade Image.A propriedade Image pode ser definida na janela Properties, ou você pode escrever código para dizer ao programa qual imagem exibir.

Algumas outras propriedades úteis para o controle PictureBox são a propriedade AutoSize, que determina se a PictureBox irá ajustar para caber na imagem, e a propriedade SizeMode, que pode ser usada para alongar, centralizar ou ampliar a imagem no controle PictureBox.

Antes de adicionar uma imagem para um controle PictureBox, você normalmente adicionará o arquivo de imagem ao seu projeto como um recurso.Depois que você adicionar um recurso ao seu projeto, você pode reutilizá-lo quantas vezes desejar. Por exemplo, talvez queira exibir a mesma imagem em vários locais.

Tente-o!

Para adicionar uma imagem como um recurso

  1. On the Arquivo menu, clicar Novo projeto.

  2. Na caixa de diálogo Novo Projeto , no painel de Templates, clique em Windows Application .

  3. Na caixa Name digite Picturese clique em OK.

    Abre um novo projeto Windows Forms.

  4. Na janela Solution Explorer, clique duas vezes no nó My Project para abrir o Project Designer.

  5. No Project Designer, clique na guia Resources.

  6. Clique em Add Resource e em seguida, selecione Add Existing File a partir da lista suspensa.

    A caixa de diálogo Add existing file to resources é aberta.Se você não vir quaisquer arquivos de imagem, vá para uma pasta que contêm imagens.

  7. Selecione um arquivo de imagem (um arquivo que tem um extensão de nome de arquivo .bmp, .gif ou .jpg) e em seguida, clique em Open.Para esse exemplo, é melhor escolher uma imagem pequena.

    A figura é adicionada ao seu projeto e aparecerá na Janela Resource Manager.

  8. Repita as duas etapas anteriores para adicionar uma segunda imagem ao seu projeto.

  9. No menu File, clique em Close.Se solicitado a salvar as alterações, clique em Yes.

Para exibir imagens usando um controle PictureBox

  1. Em Gerenciador de Soluções ,selecione Form1.vb e em seguida, no menu View, clique em Criador .

  2. Na Caixa de Ferramentas, arraste um controle PictureBox para o formulário.

  3. Na janela Properties, clique no botão … próximo à propriedade Image para abrir a caixa de diálogo Select Resource.

  4. Na lista Entry, selecione uma das imagens que você adicionou e em seguida, clique em OK.

  5. Selecione a propriedade SizeMode e defina-a como AutoSize.

    Observe como o controle PictureBox automaticamente é redimensionado para se ajustar à imagem.

  6. No formulário, clique duas vezes no controle PictureBox para abrir o manipulador de eventos PictureBox1_Click no Editor de Códigos.

  7. Adicione o seguinte código para o manipulador de eventos PictureBox1_Click.

    Observação:

    Você será necessário substitui" MyPictureName2"com o nome real da segunda imagem que você adicionou anteriormente.

    		 
    PictureBox1.Image = My.Resources.MyPictureName2

  8. Pressione F5 para executar o programa.Quando o formulário for exibido, clique na imagem para fazer com que a segunda imagem apareça.

Exibindo uma imagem de plano de fundo em um formulário

Além de exibir uma imagem em um controle PictureBox, você também pode exibir uma imagem como plano de fundo para o formulário.A propriedade BackgroundImage de um formulário é usada para exibir uma imagem que será exibida atrás de quaisquer outros controles no formulário, de modo semelhante ao papel de parede na área de trabalho do Windows.

Assim como o Windows permite que você escolha se o papel de parede é centralizado, lado a lado ou alongado para preencher a tela, a propriedade BackgroundImageLayout pode ser usada para fazer o mesmo para um formulário.

Dica:

Muitos dos Outros controles, sistema autônomo o Panel, GroupBoxe até mesmo o Button controle também tem um BackgroundImage propriedade. Experimente-os e veja!

Tente-o!

Para exibir uma imagem de plano de fundo em um formulário

  1. Em Gerenciador de Soluções ,selecione Form1.vb e em seguida, no menu View, clique em Criador .

  2. Selecione o formulário clicando nele em qualquer lugar fora de PictureBox.

  3. Na janela Properties, clique no botão … próximo à propriedade BackgroundImage para abrir a caixa de diálogo Select Resource.

  4. Na lista Entry, selecione uma das imagens que você adicionou e em seguida, clique em OK.

    Observe que a imagem é exibida no formulário por trás de PictureBox e é colocada lado a lado por padrão.

    Observação:

    Se a figura a PictureBox controle é muito grande, talvez não seja possível ver a imagem de plano de fundo. Nesse caso, selecione o controle PictureBox e arraste-o para a parte inferior do formulário para tirá-lo do caminho.

  5. Selecione a propriedade BackgroundImageLayout e defina-a como Stretch.

    Observe como a imagem se expande para preencher o formulário inteiro.

  6. Clique duas vezes no formulário para abrir o Editor de Código.

  7. Certifique-se que Form1 Events está selecionado na caixa suspensa da esquerda e clique em Click na caixa suspensa da direita.

  8. Adicione o seguinte código ao manipulador de eventos Form1_Click.

    If Me.BackgroundImageLayout = ImageLayout.Stretch Then
  Me.BackgroundImageLayout = ImageLayout.Center
Else
  Me.BackgroundImageLayout = ImageLayout.Stretch
End If

  9. Pressione F5 para executar o programa.Quando o formulário for exibido, clique nele para alterar o layout.

Próximas etapas

Nesta lição, você aprendeu como usar o controle PictureBox para exibir imagens e também como usar a propriedade BackgroundImage de um formulário.Na próxima lição, você aprenderá a criar menus para apresentar as opções para os usuários.

Próxima Lesson: Dando as opções de usuários: Criando menus no time de design

Consulte também

Tarefas

Como: Definir o plano de fundo de um painel de formulários do Windows

Referência

PictureBox Controlar Overview (Windows Forms)