Desenhar formas em um formulário

Artigo
08/25/2010

Nesta lição, você aprenderá como desenhar formas, tais como círculos ou retângulos, em um formulário.

Na lição anterior, você aprendeu como desenhar linhas em um formulário usando o método gráfico DrawLine e um objeto Pen.Além do método DrawLine, Visual Basic também tem métodos gráficos para desenhar formas e objetos gráficos conhecidos como brushes para preencher as formas.

Desenhar formas simples

Desenhar uma forma é semelhante ao desenho de uma linha: você precisará definir as coordenadas e a cor com a qual deseja desenhar.Enquanto uma linha recebe coordenadas definindo um ponto de início e fim, uma forma, como um quadrado ou retângulo, recebe coordenadas descrevendo seu canto superior esquerdo, a largura e a altura.

Círculos e ovais (também conhecidos como elipses) não precisam ter cantos superior-esquerdos. Portanto, em vez disso, as coordenadas descrevem os cantos superior-esquerdo de seus retângulos delimitadores: um retângulo imaginário da mesma largura e altura do círculo ou elipse.

Tente-o!

Para desenhar formas

No menu File, escolha New Project.
No painel Templates, na caixa de diálogo New Project, clique em Windows Application.
Na caixa Name digite Shapese clique em OK.

Abre um novo projeto Windows Forms.
Clique duas vezes no formulário para abrir o Editor de Códigos e selecione Paint da lista suspensa Events.

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

' Draw a 200 by 150 pixel green rectangle.
e.Graphics.DrawRectangle(Pens.Green, 10, 10, 200, 150)
' Draw a blue square
e.Graphics.DrawRectangle(Pens.Blue, 30, 30, 150, 150)
' Draw a 150 pixel diameter red circle.
e.Graphics.DrawEllipse(Pens.Red, 0, 0, 150, 150)
' Draw a 250 by 125 pixel yellow oval.
e.Graphics.DrawEllipse(Pens.Yellow, 20, 20, 250, 125)

Pressione F5 para executar a página.Você deve ver quatro formas no formulário.

Mantenha o projeto aberto: você adicionará conteúdo nele no próximo procedimento.

Desenhando formas preenchidas

Até o momento, as formas que você desenhou são apenas formas vazias.Para desenhar formas com cores sólidas, você precisará usar um dos métodos de preenchimento, como FillRectangle ou FillEllipse.Os métodos de preenchimento usam um objeto Brush, outro tipo de objeto gráfico que pode pintar.

Ao preencher uma forma com uma cor diferente, será necessário definir as coordenadas que são menores do que a forma; caso contrário, a borda será coberta.Por exemplo, para preencher um quadrado com as coordenadas 0, 0, 150, 150, você especificaria um preenchimento com as coordenadas 1, 1, 148, 148, observando a espessura de um pixel da linha.

Para desenhar formas preenchidas

No manipulador de eventos Form1_Paint, adicione o código a seguir abaixo do que você digitou anteriormente.

' Fill the circle with the same color as its border.
e.Graphics.FillEllipse(Brushes.Red, 0, 0, 150, 150)
' Fill the square with a different color.
e.Graphics.FillRectangle(Brushes.Aquamarine, 31, 31, 148, 148)

Pressione F5 para executar a página.

Observe que o quadrado preenchido aparece na parte superior do círculo preenchido, mas esta parte de sua borda desapareceu.A ordem em que você chamar os métodos gráficos determina a ordem na qual eles são desenhados: nesse caso, o círculo preenchido foi desenhado após o retângulo de borda azul.

Tente alterar a ordem dos métodos e veja o que acontece.