Partilhar via


Como desenhar formas com os controles OvalShape e RectangleShape (Visual Studio)

Você pode usar o controle OvalShape para desenhar círculos ou elipses em um formulário ou contêiner, no tempo de design e em tempo de execução. Você pode usar o controle RectangleShape para desenhar quadrados, retângulos ou retângulos com cantos arredondados em um formulário ou contêiner. Você também pode usar esse controle para desenhar formas em tempo de design e em tempo de execução.

Você pode personalizar a aparência de uma forma alterando a largura, a cor e o estilo de borda. O plano de fundo de uma forma é transparente por padrão. Você pode personalizar o plano de fundo para exibir uma cor sólida, um padrão, um preenchimento gradual (transição de uma cor para outra) ou uma imagem.

Para desenhar uma forma simples em tempo de design

  1. Arraste o controle OvalShape ou RectangleShape da guia Visual Basic PowerPacks (para instalar, consulte Controles do Visual Basic Power Packs) na Caixa de Ferramentas para um formulário ou controle de contêiner.

  2. Arraste o dimensionamento e mova as alças para dimensionar e posicionar a forma.

    Você também pode dimensionar e posicionar a forma alterando as propriedades Size e Position na janela Propriedades.

    Para criar um retângulo com cantos arredondados, selecione a propriedade CornerRadius na janela Propriedades e defini-a para um valor maior que 0.

  3. Na janela Propriedades, opcionalmente defina propriedades adicionais para alterar a aparência da forma.

Para desenhar uma forma simples em tempo de execução

  1. No menu Projeto, clique em Adicionar Referência.

  2. Na caixa de diálogo Adicionar Referência, selecione Microsoft.VisualBasic.PowerPacks.VS e, em seguida, clique em OK.

  3. No Editor de Código, adicione uma instrução Imports ou using na parte superior do módulo:

    Imports Microsoft.VisualBasic.PowerPacks
    
    using Microsoft.VisualBasic.PowerPacks;
    
  4. Adicione o seguinte código em um procedimento do Event:

    Dim canvas As New ShapeContainer
    ' To draw an oval, substitute  
    ' OvalShape for RectangleShape. 
    Dim theShape As New RectangleShape
    ' Set the form as the parent of the ShapeContainer.
    canvas.Parent = Me 
    ' Set the ShapeContainer as the parent of the Shape.
    theShape.Parent = canvas
    ' Set the size of the shape.
    theShape.Size = New System.Drawing.Size(200, 300)
    ' Set the location of the shape.
    theShape.Location = New System.Drawing.Point(100, 100)
    ' To draw a rounded rectangle, add the following code:
    theShape.CornerRadius = 12
    
    ShapeContainer canvas = new ShapeContainer();
    // To draw an oval, substitute  
    // OvalShape for RectangleShape.
    RectangleShape theShape = new RectangleShape();
    // Set the form as the parent of the ShapeContainer.
    canvas.Parent = this;
    // Set the ShapeContainer as the parent of the Shape.
    theShape.Parent = canvas;
    // Set the size of the shape.
    theShape.Size = new System.Drawing.Size(200, 300);
    // Set the location of the shape.
    theShape.Location = new System.Drawing.Point(100, 100);
    // To draw a rounded rectangle, add the following code:
    theShape.CornerRadius = 12;
    

Personalizando Formas

Ao usar as configurações padrão, os controles OvalShape e RectangleShape são exibidos com uma borda preta sólida que é um pixel mais amplo e um plano de fundo transparente. Você pode alterar a largura, o estilo e a cor da borda definindo as propriedades. As propriedades adicionais permitem que você altere o plano de fundo de uma forma para uma cor sólida, um padrão, um preenchimento gradual ou uma imagem.

Antes de alterar o plano de fundo de uma forma, você deve saber como diversas propriedades interagem.

Para desenhar um círculo com uma borda personalizada

  1. Arraste o controle OvalShape da guia Visual Basic PowerPacks na Caixa de Ferramentas para um controle de contêiner ou formulário.

  2. Na janela Propriedades, na propriedade Size, defina Height e Width como valores iguais.

  3. Defina a propriedade BorderColor com a cor desejada.

  4. Defina a propriedade BorderStyle como qualquer valor diferente de Solid.

  5. Defina o BorderWidth para o tamanho desejado, em pixels.

Para desenhar um círculo que tenha um preenchimento sólido

  1. Arraste o controle OvalShape da guia Visual Basic PowerPacks na Caixa de Ferramentas para um controle de contêiner ou formulário.

  2. Na janela Propriedades, na propriedade Size, defina Height e Width como valores iguais.

  3. Defina a propriedade BackColor com a cor desejada.

  4. Defina a propriedade BackStyle como Opaque.

Para desenhar um círculo que tenha um preenchimento padronizado

  1. Arraste o controle OvalShape da guia Visual Basic PowerPacks na Caixa de Ferramentas para um controle de contêiner ou formulário.

  2. Na janela Propriedades, na propriedade Size, defina Height e Width como valores iguais.

  3. Defina a propriedade BackColor com a cor desejada para o plano de fundo.

  4. Defina a propriedade BackStyle como Opaque.

  5. Defina a propriedade FillColor com a cor desejada para o padrão.

  6. Defina a propriedade FillStyle como qualquer valor diferente de Transparent ou Solid.

Para desenhar um círculo que tenha um preenchimento gradual

  1. Arraste o controle OvalShape da guia Visual Basic PowerPacks na Caixa de Ferramentas para um controle de contêiner ou formulário.

  2. Na janela Propriedades, na propriedade Size, defina Height e Width como valores iguais.

  3. Defina a propriedade FillColor com a cor desejada para a cor inicial.

  4. Defina a propriedade FillGradientColor com a cor desejada para a cor final.

  5. Defina a propriedade FillGradientStyle como um valor diferente de None.

Para desenhar um círculo preenchido com uma imagem

  1. Arraste o controle OvalShape da guia Visual Basic PowerPacks na Caixa de Ferramentas para um controle de contêiner ou formulário.

  2. Na janela Propriedades, na propriedade Size, defina Height e Width como valores iguais.

  3. Selecione a propriedade BackgroundImage e clique no botão reticências (...).

  4. Na caixa de diálogo Selecionar Recurso, selecione uma imagem para exibir. Se nenhum recurso de imagem estiver listado, clique em Importar para navegar até o local de uma imagem.

  5. Clique em OK para inserir a imagem.

Consulte também

Tarefas

Como desenhar linhas com o controle LineShape (Visual Studio)

Referência

OvalShape

RectangleShape

Conceitos

Introdução aos controles de linha e forma (Visual Studio)