显示图形

更新:2007 年 11 月

在本课中,您将学习如何在 Visual Basic 中使用图形方法在窗体上绘图。

在前面的课程中,您学习了如何使用 PictureBox 控件在窗体上显示图片。如果已经有了图片,则使用上述方法就可以了,但有时您可能想直接在窗体上进行绘制。例如,您可能想绘制一条分隔两个字段的线,或一个突出显示某一重要标签的圆。

在 Visual Basic 中,使用图形方法几乎可以在窗体或控件上绘制任何内容。

图形基础知识

开始绘制之前,需要了解以下几点。计算机屏幕由数千个微小的点组成,这些点称为“像素”,程序通过定义每个像素的颜色来控制屏幕显示的内容。当然,大部分工作已经由定义窗体和控件的代码完成了。

将窗体看成一块可以在上面绘制(或绘画)的画布 — 与真正的画布一样,窗体也有尺寸。真正的画布用英寸或厘米来度量,而窗体用像素来度量。“坐标”系统决定了每个像素的位置,其中“X 轴坐标”度量从左到右的尺寸,“Y 轴坐标”度量从上到下的尺寸。

坐标从窗体的左上角开始计算,因此,如果要绘制一个距离左边 10 个像素且距离顶部 10 个像素的单点,则应将 X 轴和 Y 轴坐标表示为 10, 10。

像素也可用来表示图形的宽度和高度。若要定义一个长和宽均为 100 个像素的正方形,并且此正方形的左上角离左边和顶部的距离均为 10 个像素,则应将坐标表示为 10, 10, 100, 100。

这种在屏幕上进行绘制的操作称为“绘画”。窗体和控件都有一个 Paint 事件,每当需要重新绘制窗体和控件(例如首次显示窗体或窗体由另一个窗口覆盖)时就会发生该事件。您所编写的用于显示图形的任何代码通常都包含在 Paint 事件处理程序中。

绘制线条

若要绘制一条横过窗体的线条,需要先定义两项内容 — 坐标和颜色。如上所述,X 轴和 Y 轴坐标用像素来表示。一条线有两组坐标——起始位置坐标和结束位置坐标。

正如您用钢笔在一张纸上绘制线条一样,Visual Basic 使用 Pen 对象在窗体上绘图。Pen 对象定义线条的外观——在本例中,它定义颜色。在下面的过程中,您将在窗体上绘制横线、竖线和对角线。

试一试!

绘制线条

  1. 在“文件”菜单上,选择“新建项目”。

  2. 在“新建项目”对话框的“模板”窗格上,单击“Windows 应用程序”。

  3. 在“名称”框中键入 Lines,再单击“确定”。

    一个新的 Windows 窗体项目随即打开。

  4. 双击该窗体以打开代码编辑器,然后从“事件”下拉列表中选择“Paint”。

  5. 在 Form1_Paint 事件处理程序中,添加以下代码。

    ' Draw a 400 pixel black line 25 pixels from the top of the form.
    e.Graphics.DrawLine(Pens.Black, 0, 25, 400, 25)
    ' Draw a 500 pixel red line 100 pixels from the left of the form.
    e.Graphics.DrawLine(Pens.Red, 100, 0, 100, 500)
    ' Draw a diagonal blue line from the upper left to the lower right.
    e.Graphics.DrawLine(Pens.Blue, 0, 0, Me.Width, Me.Height)
    
  6. 按 F5 运行程序。应在窗体上看到三条线。

后续步骤

在本课中,您学习了图形的基础知识以及如何绘制线条。在下一课中,您将学习绘制形状,例如矩形和圆形。

下一课:在窗体上绘制形状

请参见

任务

显示图像:使用 PictureBox 控件

其他资源

绘制图片:使用图形

Visual Basic 指导教程