第9章 图形操作教学课件.ppt

第9章 图形操作,9.1 坐标系统-9.1.1 VB坐标系统,构成一个坐标系需要三要素：坐标原点、坐标轴的方向和坐标度量单位。在VB中，任何容器的默认坐标原点（0,0）在容器对象的左上角ScaleTop和ScaleLeft属性用于重定义容器对象的左上角坐标，改变坐标系的原点位置。 例9.1 自定义窗体的坐标原点，通过将控件移动到该新的原点检验原点的位置。,9.1 坐标系统-9.1.1 VB坐标系统,与位置和大小有关的属性,9.1 坐标系统- 9.1.2自定义坐标系,1自定义坐标系用Scale方法可以定义各种容器对象的坐标系，格式如下： 对象名.Scale (xLeft,yTop)-(xRight,yBottom)说明：（1）对象可以是Form，也可以PictureBox；（2）(xLeft,yTop)为容器对象左上角的坐标值；(xRight,yBotton)为容器对象右下角的坐标值。（3）根据给定的坐标参数可以计算出ScaleLeft、ScaleTop、ScaleWidth和ScaleHeight的值，有以下等式关系： ScaleLeft=xLeft ScaleTop=yTop ScaleWidth=xRight-xLeft ScaleHeight=yBotton-yTop,9.1 坐标系统- 9.1.2自定义坐标系,2当前坐标CurrentX和CurrentY属性给出这些容器对象的当前坐标。 例9.3 在窗体上有一图片框Picture1，该控件的ScaleLeft=-200，ScaleTop=200，ScaleWidth=400，ScaleHeight=-400。要求当单击Picture1时，在图片框Picture1上画一条起始点为（0,0），终止点为（200,200）的直线。使用Scale方法重新定义Picture1的坐标系，并根据新的坐标系，画出x坐标轴、y坐标轴和坐标原点（0,0）。运行效果如图9.4所示。,图9.4 例9.3运行效果图,9.2绘图属性 9.2.1 DrawWidth和DrawStyle属性,DrawWidth属性用来指定窗体、图片框或打印机所画线的宽度或点的大小。DrawWidth属性以像素为单位来度量，最小值为1。DrawStyle属性用来指定窗体、图片框或打印机所画线的形状。 表9.2 DrawStyle属性设置,9.2绘图属性 9.2.2颜色和填充,封闭图形的填充方式由FillStyle、FillColor属性决定FillColor指定填充图案的颜色，默认的颜色与ForeColor相同。FillStyle属性指定填充的图案，共有8种内部图案，属性设置填充图案如图9.6所示。,图9.6 FillStyle属性指定填充的8种图案,9.2绘图属性 9.2.2颜色和填充,1RGB函数格式如下： RGB(Red，Green，Blue)其中，Red、Green和Blue分别代表红色、绿色和蓝色成分，取值范围为0255。 2QBColor函数格式如下： QBColor（颜色码）其中，颜色码使用015之间的整数，每个颜色码代表一种颜色3颜色常量Vb+英文颜色单词VBRed、vbBlue等,9.3图形控件-9.3.1 Line 控件,VB提供了四个基本图形控件，它们分别是PictureBox、Image、Shape和Line。Line控件位于工具箱上 1BorderStyle属性BorderStyle属性用于返回或设置图形边框或线条的形状，取值范围为06 2BorderWidth属性BorderWidth属性用于返回或设置图形边框或线条的宽度。3BorderColor属性 BorderColor属性用于返回或设置图形边框或线条颜色。,9.3图形控件-9.3.2 Shape 控件,Shape控件属于标准控件，在工具箱中的图标为 Shape控件的主要属性有：BorderWidth和BorderStyle属性与Line控件的相关属性相同FillStyle属性指定填充的图案，共有8种内部图案；FillColor指定填充图案的颜色，默认的颜色与ForeColor相同；Shape属性指定所需要的几何形状，取值范围是05，,图9.8 Shape属性值与对应的几何形状,9.4绘图方法-9.4.1 Line方法,Line方法用于在指定的对象（如窗体、图形框）中绘制线段或者矩形，语法格式如下： 对象名.Line Step(X1,Y1)-Step(X2,Y2),Color,BF【说明】（1）(X1,Y1)：起点坐标。如果省略该参数，图形起始于由CurrentX和CurrentY指示的位置。（2）(X2,Y2)：终点坐标。（3）Step：表示采用当前作图位置的相对值。当在(X1,Y1)前出现Step时，(X1,Y1)表示相对于当前坐标位置的坐标。当在(X2,Y2)前出现Step时，(X2,Y2)表示相对于图形起点的终点坐标。（4）Color：图形颜色。（5）B：画出矩形。以(X1,Y1)、(X2,Y2)为对角坐标画出矩形。（6）F：规定矩形以及矩形边框的颜色填充。如果选择了B参数后再选择F参数，则所画的矩形将用矩形边框的颜色填充。如果不使用F参数只使用B参数，则所画的矩形用当前容器对象的FillColor和FillStyle填充。F参数必须和B参数一起使用。,9.4绘图方法- 9.4.2 Circle方法,Circle方法用于画圆、椭圆、圆弧和扇形，格式如下：对象名.Circle Step(x,y),半径,颜色,起始角,终止角,长短轴比率【说明】（1）对象名：表示要绘制图形的容器的名称，如窗体、图片框等，缺省为当前窗体。（2）Step：表示点(x,y)是相对于当前位置（有CurrentX和CurrentY属性决定）的坐标点，否则为绝对坐标。（3）(x,y)：表示圆、椭圆、圆弧和扇形的圆心坐标。（4）起始角：指定弧的起点位置（以弧度为单位）。取值范围为：-22。缺省值为0（水平轴的正方向），若为负数，则在画弧的同时还要画出圆心到弧的起点的连线。（5）终止角：指定弧的起点位置（以弧度为单位）。取值范围为：-22。缺省值为2（从水平轴的正方向逆时针旋转360°），若为负数，则在画弧的同时还要画出圆心到弧的终点的连线。（6）长短轴比率：椭圆的纵轴和横轴的尺寸比。缺省值为1，表示画一个标准圆。当纵横比大于1时，椭圆的纵轴比横轴长；当纵横比小于1时，椭圆的纵轴比横轴短。,9.4绘图方法- 9.4.3 PSet方法,Pset方法用于在窗体、图片框或打印机指定位置上画点，其语法格式如下： 对象名. Pset Step(x,y) ,Color其中，(x,y)为所画点的坐标；Step表示采用当前作图位置的相对值；Color为点的颜色。采用背景颜色可清除某个位置上的点。利用Pset方法可画任意曲线。,9.4绘图方法- 9.4.4 Point方法,Point方法用于返回窗体或图片框上指定点的RGB颜色，其语法格式如下： 对象名. Point(x,y),Color例9.13 用Point方法按行和列扫描Picture控件上的图形信息，用Pset方法进行仿真输出到窗体上。,9.5 图层,关于图层，通俗一点讲就是图形的叠放层次。 在VB中，图形由三个不同的图形层构成：最顶层：工具箱中除Label控件、Line控件、Shape控件外的控件对象。中间层：工具箱中Label控件、Line控件和Shape控件。最底层：由图形方法绘制的永久图形。使用ZOrder方法可以对同一层次的对象顺序进行调整。格式如下： 对象名.ZOrder PositionPosition：是一个整数。为“0”表示该控件被定位于Z序列的前面，为“1”表示该控件被定位于Z序列的后面。,9.6 图形处理技术,1SavePicture方法使用SavePicture语句可以实现将Picture或Image属性中的图形保存到指定的文件中。窗体或图片框都有一个Image属性，该属性在设计时不可用，只能在代码窗口中使用。SavePicture方法的语法格式如下： SavePicture 对象名.Picture , FileName 或者： SavePicture 对象名.Image , FileName 【说明】（1）该方法可以把装在窗体、图片框、图像框内的图形保存到磁盘文件内。（2）“对象名”：可以是窗体、PictureBox控件、Image控件。（3）“FileName”：为指定的带有扩展名的文件，保存的图形文件格式可以是.bmp、.ico、.gjf、.jpg、.wmf和.emf。（4）用图形方法（Line方法、Circle方法、Pset方法、Point方法和Print方法）绘制的图形应使用Image属性保存。,9.6 图形处理技术,2PaintPicture方法对于像素操作可使用Pset方法和Point方法。Pset生成像素，而Point读取像素值。如果对整个图形进行逐个像素的操作，使用这两个方法显得速度比较慢。VB提供的PaintPicture方法可从一个窗体或图片框控件中向另一个对象复制一个矩形区域的像素，其语法格式如下： Dpic.PaintPicture spic,dx,dy,dw,dh,sx,sy,sw,sh,rop说明使用PaintPicture方法不但可以复制图像，而且还可以水平翻转图像、垂直翻转图像、放大和缩小图像、旋转图像。,9.6 图形处理技术,3Paint事件、Resize事件、Refresh事件Paint事件在一个对象被移动或放大之后，或在一个覆盖该对象的窗体被移开之后，该对象部分或全部暴露时，发生Paint事件；使用Refresh方法时也将触发Paint事件。如果AutoRedraw属性被设置为True，重新绘图将自动进行，此时Paint事件无效。Resize事件当窗体大小发生变化时会触发ReSize事件，因此，可以在ReSize事件过程中调用Refresh方法，强制对象通过Paint事件重画图形。Refresh事件刷新窗体,9.7 简单动画设计,有三种类型的编程技术，分别是无位移动画、多帧位移动画和缩放动画。（1）无位移动画：动画对象不移动，但图像不断变化实现无位移动画的方法是，设置好Image对象和Timer对象后，在Timer事件过程中调用LoadPicture()函数装载不同的图像，并赋予Image对象的Picture属性，使对象中显示不同的图像，即实现图像的变化。（2）多帧位移动画：动画对象移动的同时图像也不断变化实现多帧位移动画的方法是，在Timer事件过程中同时处理Image对象的图像更替和位置移动。图像的移动可以使用Move方法改变对象的Left和Top值来移动图像，也可以通过改变坐标点的方法移动图像。（3）缩放动画：动画对象移动的同时图像尺寸也在不断变化实现缩放动画的方法是，在Timer事件过程中同时处理Image对象的图像更替和尺寸的变化。图像尺寸的改变可以使用Move方法改变对象的Width和Height属性值。,