如何：使用 OvalShape 和 RectangleShape 控件绘制形状 (Visual Studio)

项目
08/18/2008

更新：2007 年 11 月

可以使用 OvalShape 控件在设计时和运行时在窗体或容器上绘制圆形或椭圆形。可以使用 RectangleShape 控件在窗体或容器上绘制正方形、矩形或圆角矩形。还可以使用此控件在设计时和运行时绘制形状。

您可以通过更改边框的宽度、颜色和样式来自定义形状的外观。形状的背景默认情况下是透明的；您可以自定义背景使其显示纯色、图案、渐变填充（从一种颜色过渡到另一种颜色）或图像。

在设计时绘制简单形状

从“工具箱”的“Visual Basic PowerPacks”选项卡中将 OvalShape 或 RectangleShape 控件拖到窗体或容器控件中。
拖动大小调整控点和移动控点来调整形状的大小以及定位形状。

还可以通过在“属性”窗口中更改 Size 和 Position 属性来调整形状的大小以及定位形状。

若要创建圆角矩形，请选择“属性”窗口中的 CornerRadius 属性并将它设置为一个大于 0 的值。
（可选）在“属性”窗口中，设置其他属性以更改形状的外观。

在运行时绘制简单形状

在“项目”菜单上，单击“添加引用”。
在“添加引用”对话框中选择“Microsoft.VisualBasic.PowerPacks.VS”，然后单击“确定”。
在“代码编辑器”中，将 Imports 或 using 语句添加到模块的顶部：
```
Imports Microsoft.VisualBasic.PowerPacks
```
```
using Microsoft.VisualBasic.PowerPacks;
```

将下面的代码添加到 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;

自定义形状

使用默认设置时，OvalShape 和 RectangleShape 控件将显示一个纯黑色边框，此边框宽为一个像素且背景透明。您可以通过设置属性来更改边框的宽度、样式和颜色。通过其他属性可以将形状的背景改为纯色、图案、渐变填充或图像。

在更改形状背景之前，您应该了解这几个属性是如何相互影响的。

除非 BackStyle 属性设置为 Opaque，否则 BackColor 属性设置不起作用。
如果 FillStyle 属性设置为 Solid，则 FillColor 会重写 BackColor。
如果 FillStyle 属性设置为图案值，如 Horizontal 或 Vertical，则会以 FillColor 显示该图案。背景将以 BackColor 显示，前提是 BackStyle 属性设置为 Opaque。
为了显示渐变填充，FillStyle 属性必须设置为 Solid，FillGradientStyle 属性必须设置为 None 以外的值。
将 BackgroundImage 属性设置为图像会重写所有其他背景设置。

绘制具有自定义边框的圆形

从“工具箱”的“Visual Basic PowerPacks”选项卡中将 OvalShape 控件拖到窗体或容器控件中。
在“属性”窗口中，将 Size 属性的 Height 和 Width 设置为相等的值。
将 BorderColor 属性设置为所需颜色。
将 BorderStyle 属性设置为 Solid 以外的其他任意值。
将 BorderWidth 设置为所需的大小（以像素为单位）。

绘制具有纯色填充的圆形

从“工具箱”的“Visual Basic PowerPacks”选项卡中将 OvalShape 控件拖到窗体或容器控件中。
在“属性”窗口中，将 Size 属性的 Height 和 Width 设置为相等的值。
将 BackColor 属性设置为所需颜色。
将 BackStyle 属性设置为 Opaque。

绘制具有图案填充的圆形

从“工具箱”的“Visual Basic PowerPacks”选项卡中将 OvalShape 控件拖到窗体或容器控件中。
在“属性”窗口中，将 Size 属性的 Height 和 Width 设置为相等的值。
将 BackColor 属性设置为所需的背景色。
将 BackStyle 属性设置为 Opaque。
将 FillColor 属性设置为所需的图案颜色。
将 FillStyle 属性设置为 Transparent 或 Solid 以外的其他任意值。

绘制具有渐变填充的圆形

从“工具箱”的“Visual Basic PowerPacks”选项卡中将 OvalShape 控件拖到窗体或容器控件中。
在“属性”窗口中，将 Size 属性的 Height 和 Width 设置为相等的值。
将 FillColor 属性设置为所需的起始颜色。
将 FillGradientColor 属性设置为所需的结束颜色。
将 FillGradientStyle 属性设置为 None 以外的其他值。

绘制以图像填充的圆形

从“工具箱”的“Visual Basic PowerPacks”选项卡中将 OvalShape 控件拖到窗体或容器控件中。
在“属性”窗口中，将 Size 属性的 Height 和 Width 设置为相等的值。
选择 BackgroundImage 属性，然后单击省略号（“...”）按钮。
在“选择资源”对话框中选择要显示的图像。如果没有列出图像资源，则单击“导入”浏览到图像所在的位置。
单击“确定”插入图像。

请参见

修订记录

日期	修订	原因
2008 年 7 月	新增主题。	SP1 功能更改。

通过