《VB程序设计—李淑华第9章节图形操作课件》由会员分享，可在线阅读，更多相关《VB程序设计—李淑华第9章节图形操作课件（37页珍藏版）》请在金锄头文库上搜索。
1、第9章 图形操作,VB提供图形控件主要有：PictureBox、Image、Line、Shape。VB提供的图形方法有PSet、Line、Circle等。,9.1 图形操作基础,9.1.1 标准坐标系统 1.ScaleMode属性 每个容器都有一个坐标系，构成一个坐标系需要有三个要素：坐标原点、坐标度量单位、坐标轴的长度方向。坐标度量单位由容器对象的ScaleMode属性决定，ScaleMode属性设置如表9.1所示。,表9.1 ScaleMode属性设置,属性值 单 位 说 明 0 用户定义 User 1 缇 Twip缺省值 2 磅 Point 3 像素 Pixed 4 字符 Charect
2、er缺省为高12磅，宽20磅 5 英寸 Inch 6 毫米 Millimeter 7 厘米 Centimeter,2.ScaleMode属性值的换算,(1)标准坐标系使用的长度单位：在标准坐标系统中使用的长度单位可以是缇、磅、像素、字符、英寸、毫米和厘米。 ScaleMode属性缺省时是以缇(Twip)为单位的标准坐标系统，原点在左上角，X轴向右，Y轴向下。 (2)这些长度单位之间的换算关系： 1英寸=75磅=1440缇25.4毫米；20个缇(Twip)为1磅Point。一个字符的宽度是120缇、高度是240缇。这一度量单位规定的是对象打印时的大小，屏幕上的物理距离可因监视器的尺寸而异。,2.
3、ScaleMode属性值的换算,(3)像素单位与输出设备有关。使用像素为长度单位时，对象的实际大小将与输出设备的分辨率有关。例如，同是100个像素的长度，在低分辨率时的实际长度要比高分辨率时的实际长度要长一些。但其他长度单位却与设备无关，因此像素与其他长度单位之间不存在固定的换算关系。 (4)ScaleMode属性可以设置或查询窗体使用的坐标系统。 当ScaleMode属性的值为0时是自定义坐标系统，坐标轴的方向和长度单位由ScaleLeft、ScaleTop、ScaleWidth、ScaleHeight属性决定，若设置了4个属性之一，系统将自动把ScaleMode属性设置为0。,9.1.2
4、自行定义坐标系,在VB的窗体对象中也可以使用自定义的坐标系统。在自定义坐标系统中，可以任意规定坐标轴的方向，使用任意的长度单位。 对于窗体来说，Left、Top、Width和Height属性的单位永远是缇。其中Left、Top分别是窗体的外边框到屏幕左边、上边的距离；Width和Height分别是包括窗体的边框和标题栏在内的宽度和高度。,9.1.2 自行定义坐标系,方法1：通过对象的ScaleLeft、ScaleTop、ScaleWidth、ScaleHeight属性来实现。 标准坐标系统中，ScaleLeft和ScaleTop属性总是0；ScaleWidth和ScaleHeight属性则是根
5、据坐标系统的长度单位计算的内部区域的实际宽度和高度。 ScaleLeft和ScaleTop属性的值用于控制对象左上角坐标，所有对象的ScaleLeft和ScaleTop属性的缺省值为0，坐标原点在对象的左上角。当改变ScaleTop或ScaleLeft的值后，坐标系的X轴或Y轴按此值平移形成新的坐标原点。右下角坐标值为(ScaleLeft+ScaleWidth,ScaleTop+ScaleHeight)。根据左上角和右下角坐标值的大小自动设置坐标轴的正向。X轴与Y轴的度量单位为分别为1ScaleWidth和1ScaleHeight。,9.1.2 自行定义坐标系,【例9.1】在窗体的单击事件中，
6、用属性定义窗体的坐标系。 【例9.2】在窗体中单击命令按钮，用Scale方法定义窗体的坐标系。,9.2 绘图属性,本节主要介绍当前坐标、画线宽度属性、线型样式属性、图形填充属性、颜色函数等。 9.2.1 当前坐标CurrentX和CurrentY属性：给出对象在绘图时的当前坐标。 说明：对象是指窗体、图形框或打印机。 当重新设置窗体的坐标系统时，CurrentX和CurrentY的值也将自动改变，但这两个数为坐标的点的实际位置并不改变。 【例9.3】使用CurrentX和CurrentY属性，在窗体上输出如图9.3所示的立体字效果。,9.2.2 线宽,(1)DrawWidth属性 该属性用于设
7、置使用窗体或图片框对象的作图方法画线时以像素为单位的线宽，其取值范围在132 767之间。当DrawWidth属性的值较大时，画出的线就有一定的宽度。 (2)BorderWidth属性 该属性用于使用控件时定义线的宽度。 【例9.4】在窗体上画一系列宽度递增的直线。如图9.4所示。,9.2.3 线型样式,(1)DrawStyle属性 该属性决定作图方法画线时的线型样式。 0实线(缺省) 1虚线 2点线 3点划线 4双点划线 5透明线(无线) 6内实线 说明：当DrawWidth属性值大于1并且DrawStyle属性值为14时，都能产生实线效果。,9.2.3 线型样式,(2)BorderStyl
8、e属性 该属性用于使用控件时给出画线的样式。 0透明线 1实线(缺省) 2长划线 3点线 4点划线 5点点划线 6内实线,9.2.4 填充,封闭图形的填充方式是由FillColor属性与FillStyle属性决定的。 (1)FillColor属性 该属性指定填充图案的颜色，缺省颜色与ForeColor相同。 (2)FillStyle属性 该属性决定填充封闭图形的图案样式。 0实心 1透明 2水平线 3垂直线 4向上对角线 5向下对角线 6交叉线 7对角交叉线,9.2.4 填充,【例9.5】用FillStyle属性指定填充的图案，共有8种图案。如图9.5所示。,9.2.5 颜色函数,1.RGB颜
9、色函数 RGB是一个颜色函数,“R”代表Red(红),“G”代表Green(绿),“B”代表Blue(蓝),通过红、绿、蓝三种基本色混合产生某种颜色。 格式：RGB(红，绿，蓝)说明： (1)红、绿、蓝三种基本色使用0255之间的整数。 (2)从理论上来说，三种基本色混合可产生256256256种颜色，但是实际使用时受到显示硬件的限制，普通显示卡只能显示16种颜色。,例如：,RGB(0,0,0)返回黑色。 RGB(255,0,0)返回红色。 RGB(255,0,255)的含义是无绿色的成分,红和蓝成分相等,效果为紫红色。 这3个参数的不同值组合,可以产生许许多多种颜色,表9.2列出了一些颜色的
10、组合。,表9.2 RGB颜色函数,RGB函数 颜 色 RGB(0,0,0) 黑色 RGB(255,0,0) 红色 RGB(0,255,0) 绿色 RGB(0,0,255) 蓝色 RGB(0,255,255) 青蓝色 RGB(255,0,255) 紫红色 RGB(255,255,0) 黄色 RGB(255,255,255) 白色,2.QBColor函数,QBColor函数采用QuickBasic所使用的16种颜色。 格式：QBColor(颜色码) 说明： (1)颜色码使用015之间的整数，每个颜色码代表一种颜色。 (2)RGB函数与QBColor函数实际上都返回一个6位的16进制的长整数，这个数
11、从左到右，每两位一组代表一种基色，他们的顺序是蓝绿红。因此，也可以直接用6位的16进制颜色代码表示。在色彩的属性框中，可以看这些代码。表9.3列出了QBColor颜色函数。QBColor(2)代表绿色,QBColor(4)代表红色。,表9.3 QBColor颜色函数,颜色值 颜色 颜色值 颜色 0 黑色 8 灰色 1 蓝色 9 亮蓝色 2 绿色 10 亮绿色 3 青色 11 亮青色 4 红色 12 亮红色 5 粉红色 13 亮粉红色 6 黄色 14 亮黄色 7 白色 15 亮白色,9.3 图形控件,图形控件有直线控件和形状控件两种，本节分别介绍其程序设计方法。 9.3.1 直线控件 直线控件(
12、Line)用来在窗体和其他容器控件中创建简单的线段，它没有自己的特殊方法，也不产生任何事件。设计和运行时可以通过它的属性来改变它的位置、粗细和颜色等。,1.直线控件的常用属性,BorderColor、BorderWidth、BorderStyle等。 (1)BorderColor属性设置直线的颜色。 (2)BorderWidth属性设置直线的粗细。 (3)BorderStyle属性设置直线样式。06种类型,1实线,6内实线。,2.直线控件的特有属性,x1,x2,y1,y2属性指定起点和终点的x坐标及y坐标。可以通过改变x1,x2,y1,y2的值,来改变线的位置和长度。 说明： 直线控件没有Le
13、ft、Top、Width和Height属性，运行时也不能用Move方法决定直线的位置和长短。 【例9.6】在窗体上使用直线控件画7条线(其中第1条线BorderStyle=0中透明，显示不出来),编写一个命令按钮的单击事件过程，改变它们的颜色及类型。如图9.6所示。,9.3.2 形状控件,使用形状控件(Shape)可在窗体或其他控件容器中画出矩形、正方形、圆、椭圆、圆角矩形或圆角正方形。形状控件的Shape属性决定了它的图形样式，这个属性的所有可能取值都有对应的形状样式。,1.形状控件的常用属性,Left、Top、Width、Height、BorderWidth、BorderColor、Bac
14、kColor、FillColor、BorderStyle。 (1)Left、Top、Width和Height属性决定形状控件的位置和大小，也可以用Move方法改变它的大小和位置。 (2)BorderWidth属性设置图形边界宽度。它的值是以像素为单位的边线宽度。 (3)BorderColor属性设置图形边界颜色。 (4)BorderStyle属性设置边界线的类型。 (5)FillColor属性设置图形的前景颜色。 如果要为图形填充颜色(背景)时,首先应该将属性FillStyle(填充方式)设置成1(透明),否则FillColor(前景色)的颜色会遮盖了背景色,达不到预期的目的。 例如,将图形的
15、FillStyle属性的值设为0(实心,不透明),FillColor(填充颜色)为蓝色,此时,不论BackColor为何种颜色,都被蓝色所遮盖,如果将FillStyle改为1(透明),则图形内显示背景色。,2.形状控件的特有属性,(1)Shape属性 该属性用来设置图形的形状。 0Rectangle 矩形 1Square 正方形 2Oval 椭圆形 3Circle 圆形 4Rounded Rectangle 圆角矩形 5Rounded Square 圆角正方形 Shape属性的缺省值为0(矩形)。若选择3,则用Shape控件画出的矩形中画出一个圆(圆的直径是矩形的短边)。,2.形状控件的特有属性,(2)BackStyle属性 该属性用来设置图形背景的风格 0Transparent(透明) 1Opaque(不透明) 缺省值为0。如果着色,显然要将BackStyle属性设置为“不透明”。 (3)FillStyle属性 该属性用来设置图形填充的线形(风格或样式)。 【例9.7】用Shape属性显示形状控件的6种形状。如图9.7所示。 【例9.8】将形状控件显示不同的形状、设置不同的颜色，填充不同的图案。,9.4 图形方法,图形方法有Pset、Line、Circle，本节通过使用作图方法，进行画点、画直线、
