Como: Desenhar formas com OvalShape e controles de RectangleShape (Visual Studio)

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

Você pode personalizar a aparência de uma forma alterando a largura, cor e estilo da 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 gradiente (transição de uma cor para outra) ou uma imagem.

Para desenhar uma forma simple em tempo de design

  1. Arrastar o OvalShape ou RectangleShape de controle da Visual Basic PowerPacks guia o Toolbox a um controle de formulário ou recipiente.

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

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

    Para criar um retângulo com cantos arredondados, selecione o CornerRadius propriedade de Propriedades janela e defini-la como um valor maior que 0.

  3. No Propriedades janela, opcionalmente, conjunto de propriedades adicionais para alterar a aparência da forma.

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

  1. No menu Project, escolha Add Reference.

  2. No Add Reference caixa de diálogo, selecione Microsoft.VisualBasic.PowerPacks.VSe em seguida, clique em OK.

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

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

    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 a formas

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

Antes de alterar o plano de fundo de uma forma, você deve saber como várias das propriedades interagem.

Para desenhar um círculo com uma borda personalizada

  1. Arrastar o OvalShape de controle da Visual Basic PowerPacks guia o Toolbox a um controle de formulário ou recipiente.

  2. No Propriedades janela, na Size definir a propriedade, Height e Width igual valores.

  3. Definir o BorderColor a propriedade da cor que desejar.

  4. Definir o BorderStyle propriedade para qualquer valor diferente de Solid.

  5. Definir o BorderWidth o tamanho que você deseja, em pixels.

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

  1. Arrastar o OvalShape de controle da Visual Basic PowerPacks guia o Toolbox a um controle de formulário ou recipiente.

  2. No Propriedades janela, na Size definir a propriedade, Height e Width igual valores.

  3. Definir o BackColor a propriedade da cor que desejar.

  4. Defina a propriedade BackStyle como Opaque.

Para desenhar um círculo que tenha um preenchimento padronizado

  1. Arrastar o OvalShape de controle da Visual Basic PowerPacks guia o Toolbox a um controle de formulário ou recipiente.

  2. No Propriedades janela, na Size definir a propriedade, Height e Width igual valores.

  3. Definir o BackColor propriedade para a cor de plano de fundo.

  4. Defina a propriedade BackStyle como Opaque.

  5. Definir o FillColor a propriedade como a cor que você deseja para o padrão.

  6. Definir o FillStyle propriedade para qualquer valor diferente de Transparent ou Solid.

Para desenhar um círculo que tenha um preenchimento gradiente

  1. Arrastar o OvalShape de controle da Visual Basic PowerPacks guia o Toolbox a um controle de formulário ou recipiente.

  2. No Propriedades janela, na Size definir a propriedade, Height e Width igual valores.

  3. Definir o FillColor a propriedade como a cor que você deseja para a cor inicial.

  4. Definir o FillGradientColor a propriedade como a cor que você deseja para a cor final.

  5. Definir o FillGradientStyle propriedade para um valor diferente de None.

Para desenhar um círculo que é preenchido com uma imagem

  1. Arrastar o OvalShape de controle da Visual Basic PowerPacks guia o Toolbox a um controle de formulário ou recipiente.

  2. No Propriedades janela, na Size definir a propriedade, Height e Width igual valores.

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

  4. No Selecionar recurso caixa de diálogo, selecione uma imagem a ser exibida. Se não há recursos de imagem são listados, clique em importação para procurar o local de uma imagem.

  5. Clique em OK para inserir a imagem.

Consulte também

Tarefas

Como: Desenhar linhas com o controle de LineShape (Visual Studio)

Referência

OvalShape

RectangleShape

Conceitos

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