Cómo: Dibujar formas con los controles OvalShape y RectangleShape (Visual Studio)

Artículo
06/10/2015

Puede utilizar el control OvalShape para dibujar círculos u óvalos en un formulario o contenedor, tanto en tiempo de diseño como en tiempo de ejecución. Puede utilizar el control RectangleShape para dibujar cuadrados, rectángulos o rectángulos con esquinas redondeadas en un formulario o contenedor. También puede utilizar este control para dibujar formas en tiempo de diseño y en tiempo de ejecución.

Puede personalizar la apariencia de una forma cambiando el ancho, el color y el estilo del borde. El fondo de una forma es transparente de manera predeterminada. Puede personalizar el fondo para mostrar un color sólido, una trama, un relleno de degradado (transición de un color a otro) o una imagen.

Dibujar una forma simple en tiempo de diseño

Arrastre el control OvalShape o RectangleShape de la ficha Visual Basic PowerPacks (para instalar, consulte Controles Visual Basic Power Packs) del Cuadro de herramientas a un formulario o un control contenedor.
Arrastre los controladores de tamaño y movimiento para cambiar el tamaño y la posición de la forma.

También puede cambiar el tamaño y la posición de la forma cambiando las propiedades Size y Position en la ventana Propiedades.

Para crear un rectángulo con esquinas redondeadas, seleccione la propiedad CornerRadius en la ventana Propiedades y establézcala en un valor mayor que 0.
En la ventana Propiedades, puede configurar otras propiedades para cambiar el aspecto de la forma.

Dibujar una forma simple en tiempo de ejecución

En el menú Proyecto, haga clic en Agregar referencia.
En el cuadro de diálogo Agregar referencia, seleccione Microsoft.VisualBasic.PowerPacks.VS y, a continuación, haga clic en Aceptar.
En el Editor de código, agregue una instrucción Imports o using en la parte superior del módulo:
```
Imports Microsoft.VisualBasic.PowerPacks
```
```
using Microsoft.VisualBasic.PowerPacks;
```

Agregue el código siguiente en un procedimiento 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;

Personalizar las formas

Cuando se utiliza la configuración predeterminada, los controles OvalShape y RectangleShape se muestran con un borde negro sólido de un píxel de ancho y con un fondo transparente. Puede cambiar el ancho, el estilo y el color del borde estableciendo las propiedades. Las propiedades adicionales le permiten cambiar el fondo de una forma a un color sólido, una trama, un relleno de degradado o una imagen.

Antes de cambiar el fondo de una forma, debe saber cómo interactúan algunas de las propiedades.

El valor de la propiedad BackColor no tiene ningún efecto a menos que la propiedad BackStyle se haya establecido en Opaque.
Si la propiedad FillStyle se establece en Solid, FillColor reemplaza a BackColor.
Si la propiedad FillStyle se establece en un valor de trama como Horizontal o Vertical, la trama se mostrará en el FillColor. El fondo se mostrarán en el BackColor, siempre y cuando la propiedad BackStyle se haya establecido en Opaque.
Para mostrar un relleno de degradado, la propiedad FillStyle debe establecerse en Solid y la propiedad FillGradientStyle debe establecerse en un valor distinto de None.
La configuración de la propiedad BackgroundImage en una imagen reemplaza todas las demás opciones de fondo.

Dibujar un círculo con un borde personalizado

Arrastre el control OvalShape de la ficha Visual Basic PowerPacks del Cuadro de herramientas a un formulario o un control contenedor.
En la ventana Propiedades, en la propiedad Size, establezca Height y Width en los mismos valores.
Establezca la propiedad BorderColor en el color que desee.
Establezca la propiedad BorderStyle en cualquier valor distinto de Solid.
Establezca el BorderWidth en el tamaño que desee, en píxeles.

Dibujar un círculo con un relleno sólido

Arrastre el control OvalShape de la ficha Visual Basic PowerPacks del Cuadro de herramientas a un formulario o un control contenedor.
En la ventana Propiedades, en la propiedad Size, establezca Height y Width en los mismos valores.
Establezca la propiedad BackColor en el color que desee.
Establezca la propiedad BackStyle en Opaque.

Dibujar un círculo con un relleno de trama

Arrastre el control OvalShape de la ficha Visual Basic PowerPacks del Cuadro de herramientas a un formulario o un control contenedor.
En la ventana Propiedades, en la propiedad Size, establezca Height y Width en los mismos valores.
Establezca la propiedad BackColor en el color que desee para el fondo.
Establezca la propiedad BackStyle en Opaque.
Establezca la propiedad FillColor en el color que desee para la trama.
Establezca la propiedad FillStyle en un valor distinto de Transparent o Solid.

Dibujar un círculo con un relleno de degradado

Arrastre el control OvalShape de la ficha Visual Basic PowerPacks del Cuadro de herramientas a un formulario o un control contenedor.
En la ventana Propiedades, en la propiedad Size, establezca Height y Width en los mismos valores.
Establezca la propiedad FillColor en el color que desee para el color inicial.
Establezca la propiedad FillGradientColor en el color que desee para el color final.
Establezca la propiedad FillGradientStyle en un valor distinto de None.

Dibujar un círculo que se rellena con una imagen

Arrastre el control OvalShape de la ficha Visual Basic PowerPacks del Cuadro de herramientas a un formulario o un control contenedor.
En la ventana Propiedades, en la propiedad Size, establezca Height y Width en los mismos valores.
Seleccione la propiedad BackgroundImage y haga clic en el botón de puntos suspensivos (...).
En el cuadro de diálogo Seleccionar recurso, seleccione una imagen para mostrar. Si no aparece ningún recurso de imagen, haga clic en Importar para ir a la ubicación de una imagen.
Haga clic en Aceptar para insertar la imagen.

Vea también

Compartir a través de