《Visual Basic程序设计 理论篇 第二版 高职计算机应用技术专业 陈英第8章 图形程序设计》由会员分享，可在线阅读，更多相关《Visual Basic程序设计 理论篇 第二版 高职计算机应用技术专业 陈英第8章 图形程序设计（41页珍藏版）》请在金锄头文库上搜索。
1、第8章 图形程序设计,第8章 图形程序设计,8.1 图形程序设计基础 8.2 图形控件 8.3 图形方法,第8章 图形程序设计,8.1 图形程序设计基础 8.2 图形控件 8.3 图形方法,8.1 图形程序设计基础,坐标系统 图形层 颜色设置 AutoRdraw属性和Paint事件,坐标系统,坐标系三要素 坐标原点 坐标度量单位 坐标轴的长度和方向,坐标系统,缺省情况下，Visual Basic坐标系的坐标原点在对象的左上角，横向向右为X轴的正方向，纵向向下为Y轴的正方向,坐标系统,坐标系的坐标单位常用的有8种，Visual Basic缺省的单位是缇（twip），它等于二十分之一点。 坐标系度
2、量单位可以由用户通过修改容器对象的ScaleMode属性来确定 。,表8-1 容器对象的属性值设置和说明,坐标系统,由于系统默认的坐标系统对于绘制某些曲线图形不太方便，因而用户可以通过修改它们的属性值来自行定义坐标系。 例如，如下代码可以把窗体的坐标系定义为图8-2的形式。 Form1.ScaleLeft = -100 Form1.ScaleTop = 100 Form1.ScaleWidth = 200 Form1.ScaleHeight = 200,图形层,位于上层的对象通常会遮挡住下层相同位置上的对象，和操作的先后顺序无关。 同一层次上的对象后添加的对象会遮挡住先前添加的对象。 我们把同
3、一图形层上控件对象的排列顺序称为Z-顺序。 在窗体设计阶段可以通过“格式”菜单来调整Z-顺序，也可以用Zorder方法来调整Z-顺序。,图形层,Zorder方法的语法格式为： Object.Zorder position Object为要调整的窗体或其他控件对象； Position为一整数，用于指出一个控件相对于另一个控件的位置。如果Position为0或被省略，则Object位于Z-顺序的前面；如果Position为1，则Object位于Z-顺序的后面。,图形层,Visual Basic在构造图形时，在三个不同的屏幕层次上放置可视的组成部分。,表8-2 图形层放置的对象类型,颜色设置,Vis
4、ual Basic提供了两个选择颜色的函数 RGB（） QBColor（）,颜色设置,RGB（）函数：通过红、绿、蓝三种基本色的混合来生成某种颜色. 语法格式：RGB（red,green,blue） 其中：red、green和blue三个参数都是必要参数，分别表示红、绿和蓝色的颜色成分，它们的取值范围都是0255间的整数，如果设置值大于255，则会当作255来处理。,颜色设置,QBColor（）函数：能提供16种颜色. 语法格式为：QBColor（color） 其中：color为必要参数，是一个界于015间的整数，每个整数代表一种颜色。,表8-3 QBColor（）函数的颜色对照表,AutoR
5、draw属性和Paint事件,通常用户需要的是绘制持久的图形，为了达到这一目的当然可以采用把每一个窗体和图片框的的AutoRdraw属性设置为True的方法，但是因为要存储窗体和图片框的位图，所以需要占用很多的内存，降低了程序的存储效率。 为了使窗体在AutoRdraw属性为False时，仍然能在窗体的任何部位被重新显现时重新绘制图形，可以采用把画图代码放在窗体或图片框的Paint事件过程中。Paint事件在窗体或图片框被移动或放大之后，或在覆盖该对象的窗体被移开之后，该对象被部分或全部显现出来之后被触发。,第8章 图形程序设计,8.1 图形程序设计基础 8.2 图形控件 8.3 图形方法,8
6、.2 图形控件,直线控件 形状控件,直线控件,直线控件（Line）可以用来在窗体或图片框上画直线。 直线控件的常用属性如下： BorderColor属性：用来返回或设置直线的颜色。 BorderStyle属性：用来返回或设置直线的样式。,直线控件,表8-4 BorderStyle属性的取值与含义,图8-5,直线控件,直线控件（Line）可以用来在窗体或图片框上画直线。 直线控件的常用属性如下： BorderColor属性：用来返回或设置直线的颜色。 BorderStyle属性：用来返回或设置直线的样式。 BorderWidth属性：用来返回或设置直线的宽度。,直线控件,图8-6,表8-5 Bo
7、rderStyle属性值对BorderWidth的影响,直线控件,直线控件（Line）可以用来在窗体或图片框上画直线。 直线控件的常用属性如下： BorderColor属性：用来返回或设置直线的颜色。 BorderStyle属性：用来返回或设置直线的样式。 BorderWidth属性：用来返回或设置直线的宽度。 x1，x2属性：用来返回或控制线条在X轴方向上的起始点和终止点。 y1，y2属性：用来返回或控制线条在Y轴方向上的起始点和终止点。,形状控件,形状控件（Shape）可以用来画矩形、正方形、椭圆、圆、圆角矩形及圆角正方形。 形状控件的常用属性如下： Shape属性：用来设置图形的形状，它
8、有6个可选值 。,形状控件,图8-9,表8-6 Shape属性的取值与含义,形状控件,形状控件（Shape）可以用来画矩形、正方形、椭圆、圆、圆角矩形及圆角正方形。 形状控件的常用属性如下： Shape属性：用来设置图形的形状，它有6个可选值。 FillStyle属性：用来控制控件的填充样式。FillStyle属性可以在07之间取值 BorderWidth属性：用来设置图形边框的宽度。 BorderStyle属性：用来设置图形边框的样式，其设置方法和属性值含义都和直线控件相同。 BackColor属性：用来返回或设置图形的背景颜色。,形状控件,BorderColor属性：用来设置或返回图形的边
9、框颜色。 FillColor属性：用来返回或设置填充图形所使用的颜色。,第8章 图形程序设计,8.1 图形程序设计基础 8.2 图形控件 8.3 图形方法,8.3 图形方法,Line方法 Circle方法 Pset与Point方法 PaintPicture方法,Line方法,Line方法的基本功能是在窗体或图片框上画直线和矩形。 利用Line方法还可以绘制出各种曲线，因为任何曲线都可以近似地看成是由无数条小线段组成的。 Line方法的语法格式为： Object. Line Step(x1,y1)-Step(x2,y2),Color,B F,可以是窗体或图片框，缺省为窗体,(x1,y1) - 线
10、段的起始坐标,(x2,y2) - 线段的终止坐标,起始坐标是相对于当前坐标的位置的偏移,(x2,y2)是相对于(x1,y1)的偏移量,为直线设置颜色，可以用RGB（）函数或QBColor（）函数来指定,选择B，则表示以(x1,y1)为左上角坐标，以(x2,y2)为右下角画矩形,如果使用了B选项，则可选项F表示所画矩形以矩形的边框的颜色进行填充,Line方法,【例8-3】 利用Line方法，在窗体上画出如图8-12的直角坐标系。,程序代码,图8-12,Circle方法,Circle方法的基本功能是在窗体或图片框上绘制圆、椭圆或弧等。 语法格式： Object.Circle Step (x ,y
11、), radius ,color, start ,end ,aspect ,指定圆心坐标,半径的长度,如果有Step，则(x ,y )表示圆心坐标与当前坐标的偏移量，如果没有Step，则(x ,y )就表示圆心坐标,所画图形的颜色,圆弧或椭圆弧的开始角度,圆弧或椭圆弧的终止角度,所画圆的纵横尺寸比，缺省值为1，即画出一个标准的圆，当该参数不为1时，Circle方法所画的图形为相应的椭圆,Circle方法,【例8-6】 设计如图8-16所示的图形。 分析：图形看起来好象很复杂，其实它就是50个半径为r，圆心沿着一个具体的轨迹移动的圆叠画在一起而形成。圆心的轨迹同样是一个圆。,图8-16,程序代码
12、,Pset与Point方法,Pset方法：其基本功能是在窗体或图片框上绘制点。它的语法格式如下： Object.Pset Step (x ,y ) ,color Object是调用Pset方法的对象名称； (x ,y )用来指定点的水平和垂直坐标。 Step的用法和Line、Circle方法中Step的使用方法一样，即如果有Step，则(x ,y )表示所画点的坐标与当前坐标的偏移量，如果没有Step，则表示在坐标(x ,y )处画点。 Color用来指定点的颜色。,Pset与Point方法,【例8-8】利用Pset方法在窗体上绘制y=sin(3x)cos(2x)数学曲线。,程序代码,运行结果
13、,Pset与Point方法,Point方法：该方法用来返回窗体或图片框上指定位置的颜色值，用长整型数据来表示。 语法格式：Object.Point (x ,y ) 其中, Object和(x ,y )的用法和Pset方法相同。 注意：如果由x和y所确定的坐标点在对象范围之外，则返回-1。 可以利用Point方法读取像素的信息，然后用Pset方法生成像素。,PaintPicture方法,PaintPicture方法可以访问内置操作系统中的位块传送机制快速地操作像素，具体来说PaintPicture方法可以在窗体、图片框或打印机上绘制文件的内容（图形文件的格式可以是“.bmp”、“.wmf”、“.
14、emf”、“.cur”、“.ico”或“.dib”）。 语法格式： Object. PaintPicture picture,x1,y1,width1,height1,x2,y2,width2,height2,opcode,PaintPicture方法,Object. PaintPicture picture,x1,y1,width1,height1,x2,y2,width2,height2,opcode Object为调用该方法的对象名称，通常是目标图形对象。 picture为绘制到对象上的图形源，可以是图形框、图像框或窗体的picture属性。 x1,y1指定在对象上绘制picture的目
15、标坐标，即目标矩形区域的左上角坐标，它可以是目标控件的任意位置。 width1,height1分别指定picture的目标宽度和目标高度，如果他们比源宽度（源高度）大或小，将适当地拉伸或压缩picture，如果省略这两个参数，则使用源宽度或高度。 x2,y2指定picture内剪贴区的位置，即传送图形矩形的左上角坐标。 width2,height2指定picture内剪贴区的宽度和高度，从而确定传送图形的大小。 Opcode指定传送的图像与目标中现有图像的组合模式。,PaintPicture方法,表8-8 Opcode常见组合模式,PaintPicture方法,【例8-10】通过使用Paint
16、Picture方法完成图形的水平、上下及两个方向的反转、并可以进行图形的放大和缩小。 窗体设计：窗体上添加两个图片框，名称分别为picture1和picture2，两个图片框的BorderStyle均设置为0，AutoSize属性设置为True；添加四个命令按钮，分别为Command1、Command2、Command3、Command4和Command5，Caption属性分别为：“水平”、“上下”、“翻转”、“放大”和“缩小”。,PaintPicture方法,【例8-10】通过使用PaintPicture方法完成图形的水平、上下及两个方向的反转、并可以进行图形的放大和缩小。,程序代码,单击每个按钮，图形会发生相应的变换。当分别单击“上下”按钮、“翻转”按钮“放大”按钮和“缩小”按钮时，窗体显示分别如图8-21、图8-22、图8-23和图8-24所示。,运行结果,谢谢大家！,
