第七章 图形与多媒体

第一节 图形绘制基础

概述

在Visual Basic语言程序设计中，图形绘制是实现界面美化和多媒体应用的基础技能。本节将系统介绍图形绘制的基本概念和操作方法，帮助考生掌握如何使用Visual Basic进行基本的图形绘制。学习本节内容后，考生能够理解图形的基本属性，熟练使用绘图对象和方法，实现简单图形的绘制与控制，为后续多媒体和复杂图形编程打下坚实基础。

---

核心概念

1. 图形绘制（Graphics Drawing）：指在程序界面或画布上绘制各种形状和图像的过程。

2. 绘图对象（Graphics Object）：Visual Basic中用于绘制图形的核心对象，提供绘制线条、图形和文字的方法。

3. 画笔（Pen）：用于绘制线条和边框的工具，定义颜色、宽度和样式。

4. 刷子（Brush）：用于填充图形内部的工具，支持单色填充、渐变填充和纹理填充。

5. 坐标系统：图形绘制依赖的二维坐标体系，通常以控件左上角为原点，X轴向右，Y轴向下。

6. 控件（Control）：承载绘制内容的界面元素，常用的有Form窗体和PictureBox控件。

---

原理分析

Visual Basic的图形绘制基于GDI+（图形设备接口），通过Graphics对象实现对绘图设备的控制。绘图过程主要包含：

• 获取Graphics对象（通常通过控件的CreateGraphics方法或Paint事件参数）
• 创建绘图工具（Pen、Brush）
• 使用Graphics对象的方法绘制图形（如DrawLine, DrawRectangle, FillEllipse等）
• 释放资源，保持程序性能

绘图操作依赖于坐标系统，所有绘制命令均基于像素坐标，理解坐标系及其变换是绘制准确图形的关键。

---

详细内容

1. Graphics对象的获取与使用

Graphics对象是绘制所有图形的基础。常见获取方式有两种：

• 通过控件的CreateGraphics方法，如 Dim g As Graphics = Me.CreateGraphics()
• 在控件的Paint事件中通过参数提供，如 e.Graphics

使用Graphics对象后，应及时调用Dispose方法释放资源，避免内存泄漏。

2. 画笔Pen的使用

Pen定义了线条的颜色、宽度及样式。创建Pen示例：

Dim pen As New Pen(Color.Red, 2)

Pen还支持虚线、点线等样式设置，如：

pen.DashStyle = Drawing2D.DashStyle.DashDot

Pen用于绘制线条和图形轮廓。

3. 刷子Brush的使用

Brush用于填充区域，常用的Brush有：

• SolidBrush（纯色填充）
• LinearGradientBrush（线性渐变填充）
• HatchBrush（纹理填充）

示例：

Dim brush As New SolidBrush(Color.Blue)
g.FillRectangle(brush, 10, 10, 100, 50)

4. 常用绘图方法介绍

方法名	功能描述	备注
DrawLine	绘制直线	需要起点和终点坐标
DrawRectangle	绘制矩形轮廓	需要矩形左上角坐标和宽高
FillRectangle	填充矩形	需要Brush和矩形参数
DrawEllipse	绘制椭圆轮廓	以矩形为边界绘制椭圆
FillEllipse	填充椭圆	需要Brush和矩形参数
DrawString	绘制文本	需要字体、Brush和位置参数

5. 坐标系统与图形位置

Visual Basic的绘图坐标系以控件左上角为原点(0,0)，X轴向右，Y轴向下。绘制图形时应合理计算坐标，避免图形超出控件区域。

6. 重绘机制和Paint事件

为了保证图形在控件重绘时依然显示，绘图代码应写在控件的Paint事件中，利用事件参数提供的Graphics对象。避免在其他事件中直接绘图，否则可能出现闪烁或图形丢失。

示例：

Private Sub Form1_Paint(sender As Object, e As PaintEventArgs) Handles Me.Paint
    Dim pen As New Pen(Color.Black)
    e.Graphics.DrawLine(pen, 10, 10, 100, 100)
    pen.Dispose()
End Sub

---

实例分析

实例1：绘制简单直线和矩形

背景：要求在窗体上绘制一条红色直线和一个蓝色矩形。

代码示例：

Private Sub Form1_Paint(sender As Object, e As PaintEventArgs) Handles Me.Paint
    Dim penLine As New Pen(Color.Red, 2)
    e.Graphics.DrawLine(penLine, 20, 20, 200, 20)
    penLine.Dispose()

    Dim penRect As New Pen(Color.Blue, 3)
    e.Graphics.DrawRectangle(penRect, 50, 50, 150, 100)
    penRect.Dispose()
End Sub

分析：

• 使用Paint事件保证图形稳定显示
• 分别创建不同颜色和宽度的Pen
• 通过DrawLine和DrawRectangle实现绘制

结论：掌握基本绘图工具和事件机制是成功绘制图形的关键。

实例2：填充椭圆和矩形实现简单图案

背景：绘制一个填充蓝色椭圆和填充绿色矩形，形成简单图案。

代码示例：

Private Sub PictureBox1_Paint(sender As Object, e As PaintEventArgs) Handles PictureBox1.Paint
    Dim brushEllipse As New SolidBrush(Color.Blue)
    e.Graphics.FillEllipse(brushEllipse, 30, 30, 100, 60)
    brushEllipse.Dispose()

    Dim brushRect As New SolidBrush(Color.Green)
    e.Graphics.FillRectangle(brushRect, 150, 30, 80, 60)
    brushRect.Dispose()
End Sub

分析：

• 使用FillEllipse和FillRectangle实现图形填充
• 通过不同Brush区分填充颜色
• 选用PictureBox控件作为绘图载体

结论：Brush的灵活运用可以实现多彩图形绘制。

实例3：动态绘制多条线段实现折线图

背景：根据数据点绘制折线图，显示数据变化趋势。

代码示例：

Private dataPoints As Point() = {New Point(10, 100), New Point(50, 80), New Point(90, 120), New Point(130, 60), New Point(170, 90)}

Private Sub Form1_Paint(sender As Object, e As PaintEventArgs) Handles Me.Paint
    Dim pen As New Pen(Color.DarkOrange, 2)
    For i As Integer = 0 To dataPoints.Length - 2
        e.Graphics.DrawLine(pen, dataPoints(i), dataPoints(i + 1))
    Next
    pen.Dispose()
End Sub

分析：

• 使用循环绘制多条线段连接数据点
• 体现坐标点数组在绘图中的应用
• 折线图是数据可视化常用图形

结论：通过组合基本图形方法，可以实现复杂图形绘制。

---

常见误区

1. 错误：在非Paint事件中绘图且不刷新控件

   • 误区描述：直接在按钮点击事件中调用CreateGraphics绘图，导致控件刷新后图形消失。
   • 正确做法：应将绘图代码写入Paint事件，通过Invalidate触发重绘。

2. 错误：使用Graphics对象后不释放资源

   • 误区描述：多次创建Graphics对象不调用Dispose，导致内存泄漏。
   • 正确做法：使用完Graphics对象后，调用Dispose或使用Using语句自动释放。

3. 错误：Pen和Brush对象复用后修改属性

   • 误区描述：修改同一Pen对象的属性，影响之前绘制的图形。
   • 正确做法：为不同绘图任务创建独立的Pen和Brush对象。

4. 错误：忽视坐标系导致图形错位或绘制失败

   • 误区描述：绘制坐标计算错误，图形部分显示在控件外。
   • 正确做法：掌握控件坐标系，合理计算绘图区域。

5. 错误：忽略抗锯齿设置，图形边缘粗糙

   • 误区描述：绘制线条边缘锯齿明显。
   • 正确做法：设置Graphics对象的SmoothingMode属性为AntiAlias。

---

应用场景

1. 用户界面美化：通过绘制图形元素（按钮边框、背景图案）提升界面视觉效果。

2. 数据可视化：绘制折线图、柱状图等图形，帮助用户直观理解数据。

3. 简单游戏开发：实现图形角色、地图和动画的绘制基础。

4. 教学演示工具：绘制几何图形和示意图，辅助教学说明。

5. 多媒体应用：结合声音和动画，实现丰富的多媒体程序。

---

知识拓展

• 高级图形绘制技术：如矢量图形、图形变换（旋转、缩放）、图层管理等。

• GDI+与DirectX的区别与应用场景：深入了解Windows图形接口，选择合适技术实现高性能绘图。

• 动画与定时器结合：利用定时器周期刷新绘制，实现动画效果。

• 图像处理基础：图形绘制与图像处理结合，如图像滤镜、图像合成。

• 事件驱动绘图技术：掌握鼠标、键盘事件与绘图的联动，实现交互式图形界面。

---

总结回顾

本节围绕Visual Basic的图形绘制基础展开，重点掌握了Graphics对象的获取与使用、画笔Pen和刷子Brush的功能与应用、常用绘图方法及坐标系统理解。通过典型实例，强化了绘制直线、矩形、椭圆以及动态折线图的实战能力。明确了绘图应在Paint事件中完成，避免了常见错误和资源泄漏。并结合实际应用场景，理解图形绘制在界面设计、数据展示和多媒体中的重要作用。掌握本节内容将为后续多媒体编程和复杂图形设计奠定坚实基础。

---