Fazendo com que gráficos apareçam

Nesta lição, você aprenderá como usar os métodos gráficos no Visual Basic para desenhar em um formulário.

Em uma lição anterior, você aprendeu como exibir imagens em um formulário usando um controle PictureBox.Isso funciona bem se você já tiver uma imagem, mas às vezes, convém desenhar algo diretamente em seu formulário.Por exemplo, convém desenhar uma linha para separar dois campos ou um círculo para realçar um rótulo importante.

No Visual Basic, você pode usar métodos gráficos para desenhar quase tudo em um formulário ou em um controle.

Noções básicas sobre elementos gráficos

Antes de iniciar o desenho, existem algumas coisas que você precisa saber.Uma tela de computador é composta de milhares de pontos pequenos conhecidos como pixels. Definindo a cor de cada pixel, seu programa controla o que é exibido na tela.Naturalmente, a maioria desse trabalho já está feito para você pelo código que define os formulários e controles.

Pense em um formulário como uma tela na qual você pode desenhar ou pintar. Como com uma tela real, um formulário tem dimensões.Enquanto uma tela real é medida em polegadas ou centímetros, um formulário é medido em pixels.Um sistema de coordenadas determina onde cada pixel é localizado, com a coordenada X medindo da esquerda para a direita e a coordenada Y medindo de cima para baixo.

As coordenadas iniciam no canto superior esquerdo do formulário, portanto, se você quiser desenhar um único ponto 10 pixels a partir da esquerda e 10 pixels para baixo, você poderia expressar as coordenadas X e Y como 10, 10.

Os pixels também são usados para expressar a largura e altura de elementos gráficos.Para definir um quadrado que tem 100 pixels de largura e 100 pixels de altura, com seus canto superior esquerdo 10 pixels a partir da esquerda e 10 pixels para baixo, você poderia expressar as coordenadas como 10, 10, 100, 100.

O ato de desenho na tela é conhecido como pintura.Os formulários e controles têm um evento Paint que ocorre sempre que eles precisarem ser redesenhados, por exemplo, quando um formulário é exibido pela primeira vez ou tenha sido encoberto por outra janela.Qualquer código que você escreve para exibir elementos gráficos geralmente está contido no manipulador de eventos Paint.

Desenhando uma linha

Para desenhar uma linha em um formulário, existem duas coisas que você precisa definir — suas coordenadas e sua cor.Conforme mencionado acima, as coordenadas X e Y são expressas em pixels.Para uma linha, há dois conjuntos de coordenadas — o local inicial seguido do local final.

Da mesma forma que você usaria uma caneta para desenhar uma linha em uma folha de papel, o Visual Basic usa um objeto Pen para desenhar no formulário.O objeto Pen define a aparência da linha — neste caso, a cor.No procedimento a seguir, você irá desenhar linhas diagonais, horizontais e verticais em um formulário.

Tente-o!

Para desenhar linhas

  1. No menu File, escolha NewProject.

  2. No painel Template, na caixa de diálogo New Project, clique em Windows Application.

  3. Na caixa Name digite Linese clique em OK.

    Abre um novo projeto Windows Forms.

  4. Clique duas vezes no formulário para abrir o Editor de Códigos e selecione Paint da lista suspensa Events.

  5. No manipulador de eventos Form1_Paint, adicione o código a seguir.

    ' Draw a 400 pixel black line 25 pixels from the top of the form.
    e.Graphics.DrawLine(Pens.Black, 0, 25, 400, 25)
    ' Draw a 500 pixel red line 100 pixels from the left of the form.
    e.Graphics.DrawLine(Pens.Red, 100, 0, 100, 500)
    ' Draw a diagonal blue line from the upper left to the lower right.
    e.Graphics.DrawLine(Pens.Blue, 0, 0, Me.Width, Me.Height)
    
  6. Pressione F5 para executar a página.Você verá três linhas no formulário.

Próximas etapas

Nesta lição, você aprendeu os conceitos básicos de elementos gráficos, bem como desenhar linhas.Na próxima lição, você aprenderá a desenhar formas, como retângulos e círculos.

Próxima Lesson: Desenhar formas em um formulário

Consulte também

Tarefas

Exibindo imagens: Usando o controle PictureBox

Outros recursos

Desenho de imagens: Usando gráficos

Tour Didático do Visual Basic