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

Actualización: Julio de 2008

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.

Es posible personalizar la apariencia de una forma cambiando el ancho, el color y el estilo del borde. El fondo de una forma es transparente predeterminadamente; puede personalizar el fondo para mostrar un color sólido, un modelo, un relleno de degradado (transición de un color a otro) o una imagen.

Para dibujar una forma simple en tiempo de diseño

1. Arrastre el control OvalShape o RectangleShape desde la ficha Visual Basic PowerPacks del Cuadro de herramientas hasta un formulario o un control contenedor.

2. Arrastre los controladores de tamaño y desplazamiento para ajustar el tamaño de la forma y colocarla.

   También puede ajustar el tamaño de la forma y colocarla 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.

3. En la ventana Propiedades, establezca opcionalmente propiedades adicionales para cambiar la apariencia de la forma.

Para dibujar una forma simple en tiempo de ejecución

1. Haga clic en la opción Agregar referencia del menú Proyecto.

2. En el cuadro de diálogo Agregar referencia, seleccione Microsoft.VisualBasic.PowerPacks.VS y, a continuación, haga clic en Aceptar.

3. En el Editor de código, agregue una instrucción Imports o using al comienzo del módulo:

   Imports Microsoft.VisualBasic.PowerPacks
   

   using Microsoft.VisualBasic.PowerPacks;
   

4. Agregue el código siguiente a un procedimiento de 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

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

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

• La configuración de la propiedad BackColor no tiene ningún efecto a menos que la propiedad BackStyle esté establecida en Opaque.

• Si la propiedad FillStyle está establecida en Solid, la propiedad FillColor invalida la propiedad BackColor.

• Si la propiedad FillStyle está establecida en un valor de modelo como Horizontal o Vertical, el modelo se mostrará en FillColor. El fondo se mostrará en BackColor, siempre que la propiedad BackStyle esté establecida en Opaque.

• Para mostrar un relleno de degradado, la propiedad FillStyle debe estar establecida en la propiedad FillGradientStyle y Solid debe estar establecido en un valor distinto de None.

• Al establecer la propiedad BackgroundImage en una imagen, se invalidan todos los demás valores de fondo.

Para dibujar un círculo que tiene un borde personalizado

1. Arrastre el control OvalShape desde la ficha Visual Basic PowerPacks del Cuadro de herramientas hasta un formulario o un control contenedor.

2. En la ventana Propiedades, en la propiedad Size, establezca Height y Width en los mismos valores.

3. Establezca la propiedad BorderColor con el color que desee.

4. Establezca la propiedad BorderStyle en cualquier valor distinto de Solid.

5. Establezca BorderWidth en el tamaño que desee, en píxeles.

Para dibujar un círculo que tiene un relleno sólido

1. Arrastre el control OvalShape desde la ficha Visual Basic PowerPacks del Cuadro de herramientas hasta un formulario o un control contenedor.

2. En la ventana Propiedades, en la propiedad Size, establezca Height y Width en los mismos valores.

3. Establezca la propiedad BackColor con el color que desee.

4. Establezca la propiedad BackStyle en Opaque.

Para dibujar un círculo que tiene un relleno de modelo

1. Arrastre el control OvalShape desde la ficha Visual Basic PowerPacks del Cuadro de herramientas hasta un formulario o un control contenedor.

2. En la ventana Propiedades, en la propiedad Size, establezca Height y Width en los mismos valores.

3. Establezca la propiedad BackColor con el color que desee para el fondo.

4. Establezca la propiedad BackStyle en Opaque.

5. Establezca la propiedad FillColor con el color que desee para el modelo.

6. Establezca la propiedad FillStyle en cualquier valor distinto de Transparent o Solid.

Para dibujar un círculo que tiene un relleno de degradado

1. Arrastre el control OvalShape desde la ficha Visual Basic PowerPacks del Cuadro de herramientas hasta un formulario o un control contenedor.

2. En la ventana Propiedades, en la propiedad Size, establezca Height y Width en los mismos valores.

3. Establezca la propiedad FillColor con el color que desee para el color inicial.

4. Set the FillGradientColor property to the color that you want for the ending color.

5. Establezca la propiedad FillGradientStyle en un valor distinto de None.

Para dibujar un círculo que tiene una imagen dentro

1. Arrastre el control OvalShape desde la ficha Visual Basic PowerPacks del Cuadro de herramientas hasta un formulario o un control contenedor.

2. En la ventana Propiedades, en la propiedad Size, establezca Height y Width en los mismos valores.

3. Seleccione la propiedad BackgroundImage y haga clic en el botón de puntos suspensivos (...).

4. En el cuadro de diálogo Seleccionar recurso, seleccione una imagen para mostrar. Si no aparece ningún recurso de imagen en la lista, haga clic en Importar para ir a la ubicación de una imagen.

5. Haga clic en Aceptar para insertar la imagen.

Vea también

Tareas

Cómo: Dibujar líneas con el control LineShape (Visual Studio)

Conceptos

Introducción a los controles de líneas y formas (Visual Studio)

Referencia

OvalShape

RectangleShape

Historial de cambios

Fecha	Historial	Motivo
Julio de 2008	Se ha agregado un tema.	Cambio de características de SP1.