第8章 VB图形设计课件

Size为数值表达式，其范围从 1 到 32767。该值 以像素为单位表示线宽。
本章目录
13
如例8.1电子贺卡程序中包含如下语句： Form1.DrawWidth = 6 该语句表示在名为Form1的窗体中设置绘制直线的 宽度为6像素。
DrawStyle属性决定线条样式，用于设置在窗体、 图片框或打印机上所画线的形状。 属性取值范围如书表8-2所示。
（1）使用Scale方法重新于背景要求出现颜色变换的点，故可用随机函数作 为QBColor函数的颜色参数以实现色彩的改变；
（4）调用画点的Pset方法实现绘制。
本章目录
4
8.2 坐标系统的设置
VB开发图形应用程序的首要步骤是定义图形载体对 象的坐标系统。 正如日常在纸上绘画前所做的布局考虑，只有确定 好坐标系统，才能绘制出精致的图形。 例8.1在窗体中画图，窗体就是容器。对象在容器中 的定位需要使用容器的坐标系统。 容器的坐标系统由默认坐标系统与自定义坐标系统 构成。
本章目录
5
8.2 坐标系统的设置
1.默认坐标系统
容器默认的坐标系统由三个要素构成：坐标原点、 坐标度量单位、坐标轴的长度与方向。 如书图8-2所示： 容器的左上角为坐标原点(0,0)，横向向右为x轴 的正方向，纵向向下为y轴的正方向。
本章目录
6
图8-2 窗体对象的默认坐标系统
本章目录
7
坐标度量单位由容器对象的ScaleMode属性决定。 ScaleMode属性值与对应的度量单位如表8-1所 示。其缺省时为Twip。
格式如下： QBColor(color) 说明：color参数是一个界于0～15之间的整型数， 分别代表16种颜色，如书表8-5所示。
例如：设置窗体（名为Form1）的背景色为红色。 也可使用如下语句： Form1.BackColor = QBColor(4)
本章目录
19
3. RGB函数
格式如下： RGB(red, green, blue) 说明：RGB函数的三个参数red、green、blue， 分别代表红、绿、蓝三原色的比例，每个参数的取 值为0～255之间。 这3个参数不同值的组合可以产生各种不同的颜 色。如书表8-6所示。 例如：设置窗体（名为Form1）的背景色为红 色。还可使用如下语句： Form1.BackColor = RGB(255, 0, 0)
第8章 图形设计
主讲：俆奕奕
2013-5-20
Visual Basic 程序设计实例教程
第8章 图形设计
8.1 导学实例 8.2 坐标系统的设置 8.3 绘图属性 8.4 图形控件 8.5 图形方法 8.6 综合应用 8.7 扩展与提高
本章目录
2
8.1 导学实例
图形能使程序的运行更生动，用户操作更 简洁。
本章目录
17
1.颜色常量
在VB系统中已经预先定义了8种基本颜色的颜 色常量，如书表 8-4所示。 例如：设置窗体（名为Form1）的背景色为红色。 则可使用如下语句： Form1.BackColor = &HFF 或：Form1.BackColor = vbRed
本章目录
18
2. QBColor函数
本章目录
[例8.4] 画点。 功能：使用Pset方法在图片框中任意位置绘制 100个五颜六色的点。 编程说明：
（1）使用随机函数Rnd获取参数x值和y值，从而确定绘制 点的坐标值； （2）调用Pset方法实现点的绘制； （3）由于需要呈现多彩的点的效果，故可用随机函数作为 QBColor函数的颜色参数以实现色彩的改变。
本章目录
8
同时VB还为对象的定位提供了Left、Top、Width和 Height四项属性：如图8-2所示，命令按钮置于窗体中， 命令按钮的Left和Top属性决定了其在窗体左上角的坐 标，Width和Height属性决定了它的大小。 注意： Width属性表示包括对象垂直边框线在内的宽度， Height属性表示包括对象的标题栏和水平边框线在 内的宽度。而实际的宽度与高度则由ScaleWidth 和 ScaleHeight属性来确定。
本章目录
20
[例8.3] 标签背景颜色变换。
功能：分别使用QBColor颜色函数和RGB颜色函数 定义两标签的背景颜色，并且实现背景颜色的实时 变换。 编程说明：
（1）由于要求实现颜色的自动变换，故分别添加计时器 Timer1和Timer2。 （2）QBColor颜色函数获取控制颜色函数的参数i值，RGB 颜色函数获取控制颜色函数的参数x、y与z值，随着时间的变 化，颜色函数的参数值不断改变从而实现标签背景颜色的变 换。
本章目录
30
（3）圆弧与扇形的绘制通过参数起始角，终止角控制， 单位是弧度。 当起始角、终止角取值在0-2时为圆弧； 当在起始角、终止角取值前加一负号时，画出扇形； 负号表示画圆心到圆弧的径向线； 省略这两个参数，则绘制圆或椭圆。 （4）椭圆通过长短轴比率控制。 默认值为1，绘制的是圆； 若值大于1，绘制的是直立的椭圆； 若值小于1，绘制的是扁平的椭圆。
本章目录
21
8.4 图形控件
8.4.1 直线控件
工具箱中的直线控件（Line）的图标为 ，该控 件可用于显示不同类型和宽度的直线。 该控件绘制直线的步骤如同所有工具箱中控件的使 用方法 。 直线控件的属性主要用于设置直线的线宽、线型及 颜色，如书表8-7、8-8所示。
本章目录
22
8.4.2 形状控件
本章目录
27
[例8.6] 画直线。 功能：使用Line方法在图片框中绘制100条五颜 六色的直线。 编程说明：
（1）使用Scale方法定义图片框的坐标系统；
（2）使用图片框的实际宽度（ScaleWidth属性）与高度 （ScaleHeight属性）的一半获取直线的起点坐标x1和y1的 值，通过随机函数获取终点坐标x2和y2值； （3）调用Line方法绘制直线； （4）直线色彩的改变同样使用随机函数获取QBColor函数 的颜色参数来实现。
工具箱中的形状控件（Shape）的图标为 ，该 控件用于显示矩形、正方形、椭圆、圆、圆角矩形 和圆角正方形。 该控件的使用方法与所有工具箱中的控件相同。 形状控件的常用属性有：BorderWidth属性、 BorderStyle属性、BorderColor属性、FillStyle 属性、FillColor属性、Shape属性等。
而VB则具有强大的图形功能，其不仅能通 过图形控件进行图形操作，而且还可以通 过图形方法在窗体或图片框中绘制各种图 形。
3
本章目录
1.实例
8.1 导学实例
[例8.1] 制作一张电子贺卡。 功能：当用鼠标单击窗体后，会显示“快乐学 VB！”的字幕，同时背景将会出现五颜六色的点， 并随着鼠标的单击不断变换点的显示位置。 编程说明：
本章目录
9
2.自定义坐标系统
格式如下： [对象.]Scale[(xLeft,yTop)-(xRight,yBottom)] （1）对象可以是窗体、图片框或打印机。 省略对象名，默认为窗体对象。 （2）参数(xLeft,yTop)定义对象左上角的坐标 值，参数(xRight,yBottom)定义对象右 下角的坐标值。
本章目录
11
8.3 绘图属性
8.3.1 CurrentX和CurrentY属性
CurrentX，CurrentY属性分别用于设置当前图形 或文本输出位置的x坐标值和y坐标值。 格式如下： [对象.]CurrentX [= x] [对象.]CurrentY [= y]
“对象”可以是窗体、图片框或打印机这些绘图时 所需的容器对象名称。
本章目录
23
8.5 图形方法
8.5.1 PSet方法
Pset方法用于在指定位置使用特定颜色画点。 格式如下： [对象.]Pset[Step](x,y)[,颜色] （1）“对象”可以是窗体、图片框或打印机的名称。 省略时，默认“对象”为窗体。 （2）参数(x,y)为所画点的坐标。x为横坐标，y为纵 坐标。
28
本章目录
[例8.7] 画矩形。 功能：使用Line方法在图片框中绘制多个彩色同 心矩形。运行界面如图8-12。 编程说明： 矩形与直线的绘制仅在Line方法的使用格式上添 加了关键字B。故该程序的设计思路与例8.6相似。
本章目录
29
8.5.3 Circle方法
Circle方法用于以指定坐标为圆心，在特定对象上 画圆、椭圆、圆弧和扇形。 使用格式如下： [对象.]Circle[[Step](x,y),半径[,颜色][,起始角] [,终止角][,长短轴比率]]] （1）“对象”与前几种绘图方法阐述的对象一致。 （2）参数(x,y)为圆心坐标，关键字Step表示采用 当前绘图位置的相对坐标值。
本章目录
16
8.3.5 颜色的设置
VB中颜色的设置可在设计时使用属性窗口完成， 或者使用程序中相应的语句来完成。 关于颜色的属性主要有：BackColor和ForeColor 属性,分别用于定义绘图区的背景颜色，显示的文本 或绘制图形的颜色即前景颜色。 进行颜色设置时，通常以十六进制数据表示颜色值， 但使用效果不够直观。故VB提供了一些颜色常量 和颜色函数，以便用户使用。
本章目录
14
如下语句：
Picture1.DrawStyle = 6 表示在图片框Picture1内设置绘制直线的样式为内实线。
本章目录
15
8.3.3 FillStyle和FillColor属性
FillStyle，FillColor这两个属性决定封闭图形的填 充方式与填充颜色。 FillStyle属性设置图形填充样式。属性的取值范围 与其对应的填充样式如书表8-3所示。
VB设置坐标的方式由“绝对坐标”与“相对坐标”构成
本章目录
24