《【教学课件】第六章图形控件和图形方法.ppt》由会员分享，可在线阅读，更多相关《【教学课件】第六章图形控件和图形方法.ppt（26页珍藏版）》请在taowenge.com淘文阁网|工程机械CAD图纸|机械工程制图|CAD装配图下载|SolidWorks_CaTia_CAD_UG_PROE_设计图分享下载上搜索。
1、第六章第六章 图形控件和图形方法图形控件和图形方法本章要求本章要求:1.1.理解理解VBVB中坐标系的概念；中坐标系的概念；2.2.掌掌握握用用LineLine控控件件、ShapeShape控控件件画画直直线线、矩矩形形、圆圆（弧）、椭圆的方法；（弧）、椭圆的方法；3.3.掌掌握握图图片片框框、影影像像框框的的常常用用属属性性、常常用用方方法法、图图片的载入及应用；片的载入及应用；4.4.掌掌握握用用PsetPset方方法法、LineLine方方法法、CircleCircle方方法法画画点点、矩形、圆（弧）、椭圆的方法；矩形、圆（弧）、椭圆的方法；第六章第六章 图形控件和图形方法图形控件和图形
2、方法 n Visual Basic Visual Basic 包含四个控件以简化与图形有关包含四个控件以简化与图形有关的操作，它们是的操作，它们是 PictureBoxPictureBox 控件、控件、Image Image 控件、控件、Shape Shape 控件和控件和 Line Line 控件。控件。n ImageImage、Shape Shape 和和 Line Line 控件有时被称作轻量图控件有时被称作轻量图形控件。它们需要较少的系统资源，因此比形控件。它们需要较少的系统资源，因此比 PictureBoxPictureBox 控件显示得快，并且包含控件显示得快，并且包含 Pictu
3、reBoxPictureBox 中可用的属性、方法和事件的子集。中可用的属性、方法和事件的子集。每一个控件都适用于一个特定的目的。每一个控件都适用于一个特定的目的。第六章第六章 图形控件和图形方法图形控件和图形方法提供的功能提供的功能使用的控件使用的控件其它控件的容器其它控件的容器PictureBoxPrinting 或或 graphics 方方法法PictureBox显示图片显示图片Image 或或 PictureBox控件显示简单图形元素控件显示简单图形元素Shape 或或 Line 控件控件（一）（一）主要作用主要作用：PictureBox 显示图片、也可作为其它控件的容器；显示图形显示
4、图片、也可作为其它控件的容器；显示图形方法的输出或显示方法的输出或显示 Print 方法输出的文本。方法输出的文本。PictureBox 控件可显示下述任何格式的图片文件：位图、图控件可显示下述任何格式的图片文件：位图、图标、图元文件、增强型图元文件、标、图元文件、增强型图元文件、JPEG 或或 GIF 文件。文件。Image 控件与控件与 PictureBox 控件相似，但它只用于显示图片。控件相似，但它只用于显示图片。它它不是容器控件，不是容器控件，不能作为其它控件的容器，也不支持不能作为其它控件的容器，也不支持 PictureBox 的高级方法。的高级方法。一、一、图片框控件图片框控件（
5、PictureBox）影像框控件影像框控件（Image）（二）常用属性（二）常用属性1、Picture装入图形：装入图形：图形框图形框/影像框对象影像框对象.Picture=LoadPicture(“图形文件名图形文件名”)删除图形删除图形 图形框图形框/影像框对象影像框对象.Picture=LoadPicture()一、一、图片框控件图片框控件（PictureBox）影像框控件影像框控件（Image）（二）常用属性（二）常用属性2、PictureBox的的AutoSize属性属性设置设置True，自动改变图片框大小适应其中的图形。自动改变图片框大小适应其中的图形。3、Image的的Stret
6、ch属性属性n设置为设置为False，自动改变影像框大小适应其中的图形。自动改变影像框大小适应其中的图形。n设置设置True，自动调整图形尺寸以适应影像框的大小。自动调整图形尺寸以适应影像框的大小。一、一、图片框控件图片框控件（PictureBox）影像框控件影像框控件（Image）（三）常用方法（三）常用方法（PictureBox）lPrint 方法方法l其它方法其它方法方法方法描述描述Cls清除所有图形和清除所有图形和 Print 输出输出PSet设置各个像素的颜色设置各个像素的颜色Point返回指定点的颜色值返回指定点的颜色值Line画线、矩形、或填充框画线、矩形、或填充框Circle画
7、圆、椭圆、或圆弧画圆、椭圆、或圆弧（四）常用事件（四）常用事件nChange、ClicknImage控件接受控件接受Click等事件，可充当图形命令按钮等事件，可充当图形命令按钮一、一、图片框控件图片框控件（PictureBox）影像框控件影像框控件（Image）二、形状控件（二、形状控件（Shape Shape）和直线控件（）和直线控件（LineLine）（一）（一）常用属性常用属性 Shape控件的形状是由控件的形状是由Shape属性属性的取值决定的。的取值决定的。n 利用直线与形状控件，用户可以迅速地显示简单的利用直线与形状控件，用户可以迅速地显示简单的线条与形状，与其他大部分控件不同的
8、是，这线条与形状，与其他大部分控件不同的是，这两种控两种控件不会响应任何事件件不会响应任何事件，它们只用来显示或打印。，它们只用来显示或打印。Shape属性取不同值对应的形状属性取不同值对应的形状 n 填充方式填充方式 FillStyle属性属性 形状控件的形状控件的FillStyle属性设置为属性设置为07 时的填充效果时的填充效果 n 说明：说明：（1 1）FillStyleFillStyle为为0 0是是实实填填充充，1 1为为透透明明方方式式。填填充充图图案案的的颜颜色色由由FillColorFillColor属性来决定。属性来决定。（2 2）对对于于窗窗体体和和图图片片框框对对象象，
9、FillStyleFillStyle 属属性性设设置置后后，并并不不能能看看到到其其填填充充效效果果，而而只只能能在在使使用用Circle Circle 和和 Line Line 图图形形方方法法生成的圆和方框时，在圆和方框中显示生成的圆和方框时，在圆和方框中显示其填充效果其填充效果。三、三、VB VB 坐标系坐标系VB VB 坐标系的一些规则坐标系的一些规则1.1.每个容器都有一个坐标系。构成一个坐标系，需每个容器都有一个坐标系。构成一个坐标系，需要三个要素：要三个要素：坐标原点、坐标度量单位、坐标轴坐标原点、坐标度量单位、坐标轴的长度与方向的长度与方向。2.2.当移动控件或调整控件的大小时
10、，使用控件容器当移动控件或调整控件的大小时，使用控件容器的坐标系统。的坐标系统。3.3.所有的图形和所有的图形和 Print Print 方法，使用容器的坐标系统。方法，使用容器的坐标系统。4.4.屏幕只能提供缺省的坐标系统，因此窗体的位置屏幕只能提供缺省的坐标系统，因此窗体的位置和大小均采用缇为单位。和大小均采用缇为单位。5.5.屏幕的左上角总是（屏幕的左上角总是（0 0，0 0）。任何容器的缺省坐）。任何容器的缺省坐标系统，都是由容器的左上角（标系统，都是由容器的左上角（0 0，0 0）坐标开始。）坐标开始。三、三、VB VB 坐标系坐标系（一）容器坐标系（一）容器坐标系1、设置坐标系统的
11、刻度单位设置坐标系统的刻度单位用户可用用户可用ScaleMode属性属性设置坐标系统的刻度单位。设置坐标系统的刻度单位。（一）容器坐标系（一）容器坐标系ScaleMode属性的取值说明：属性的取值说明：（1）当当设设置置容容器器对对象象（例例如如，窗窗体体或或图图片片框框）的的ScaleMode属属性性值值0，将将使使容容器器对对象象的的ScaleLeft 和和 ScaleTop 自自动动设设置置为为0，ScaleHeight 和和 ScaleWidth 的度量单位也将发生改变。的度量单位也将发生改变。（2）用用ScaleMode属属性性只只能能改改变变刻刻度度单单位位，不不能能改改变坐标原点
12、及坐标轴的方向。变坐标原点及坐标轴的方向。(x1,y1)(x2,y2)（二）利用（二）利用ScaleScale方法方法设置坐标系设置坐标系 格式：格式：对象对象.Scale(x1,y1)-(x2,y2)对象的左上角坐标值对象的左上角坐标值对象的右下角坐标值对象的右下角坐标值 可在程序中使用可在程序中使用Scale方法改变坐标系统。当方法改变坐标系统。当Scale方法不方法不带参数时，取消用户定义的坐标系，采用缺省坐标系。带参数时，取消用户定义的坐标系，采用缺省坐标系。三、三、VB VB 坐标系坐标系(ScaleLeft+ScaleWidth，ScaleTop+ScaleHeight)(Scal
13、eLeft，ScaleTop)三、三、VB VB 坐标系坐标系例：将坐标原点设置在窗体中心例：将坐标原点设置在窗体中心x1=-Form1.ScaleWidth/2x1=-Form1.ScaleWidth/2y1=-Form1.ScaleHeight/2y1=-Form1.ScaleHeight/2x2=Form1.ScaleWidth/2x2=Form1.ScaleWidth/2y2=Form1.ScaleHeight/2y2=Form1.ScaleHeight/2Form1.Scale(x1,y1)-(x2,y2)Form1.Scale(x1,y1)-(x2,y2)例例:将窗体的坐标系统的原
14、点定义在其中心，将窗体的坐标系统的原点定义在其中心，X轴的正向轴的正向向右，向右，Y轴的正向向上，窗体高与宽分别为轴的正向向上，窗体高与宽分别为200和和300单位长度。单位长度。通过通过ScaleTop，ScaleLeft，ScaleWidth和和ScaleHeight属性实现。属性实现。Form1.ScaleLeft=-150Form1.ScaleTop=100Form1.ScaleWidth=300Form1.ScaleHeight=-200(-150,100)(150,-100)（三）使用（三）使用ScaleScale（刻度）属性建立自己的坐标系（刻度）属性建立自己的坐标系四、图形方法
15、四、图形方法 （一）使用颜色（一）使用颜色n 在在Visual Basic系统中，所有的颜色属性都由一个系统中，所有的颜色属性都由一个Long整数表示。整数表示。n 在代码中可使用在代码中可使用4种方式给颜色赋值：种方式给颜色赋值：使用使用RGB函数。函数。使用使用QBColor函数，选择函数，选择16种种Qbasic颜色中的一种。颜色中的一种。使用系统提供的颜色常数。使用系统提供的颜色常数。直接使用直接使用Long型颜色值。型颜色值。（二）（二）绘绘图属性图属性1 1、当前坐标当前坐标n CurrentX，CurrentY属性属性给出窗体或图形框或给出窗体或图形框或打印机在绘图时的当前坐标。
16、这两个属性在设计阶打印机在绘图时的当前坐标。这两个属性在设计阶段不能使用。段不能使用。使用格式：使用格式：object.CurrentX=xobject.CurrentY=y四、图形方法四、图形方法四、图形方法四、图形方法注注意意：使使用用某某些些图图形形方方法法后后，对对象象的的CurrentXCurrentX和和CurrentYCurrentY的设置值将发生变化。的设置值将发生变化。方法方法设置值设置值Circle对象的中心对象的中心Cls0,0Line线终点线终点Print下一个打印位置下一个打印位置Pset画出的点画出的点2.2.线宽与线型线宽与线型 1 1）设置线宽）设置线宽Draw
17、Width DrawWidth 属性属性 窗体、图形框或打印机的窗体、图形框或打印机的DrawWidthDrawWidth属性给出这些对象上所属性给出这些对象上所画线的宽度或点的大小。使用格式：画线的宽度或点的大小。使用格式：Object.Object.DrawWidthDrawWidth=Size=Size2 2）设置线型设置线型DrawStyle DrawStyle 属性属性 窗窗体体或或图图形形框框或或打打印印机机的的DrawStyleDrawStyle属属性性给给出出这这些些对对象象上上所所画线的形状。画线的形状。四、图形方法四、图形方法（二）绘图属性（二）绘图属性（三）绘图方法（三）
18、绘图方法 1.Pset方法方法PsetPset方法用于画点，其语法格式如下：方法用于画点，其语法格式如下：对象对象.Pset Step(X.Pset Step(X，Y)Y)，颜色，颜色 n 关键字关键字Step表示在坐标表示在坐标(CurrentX+X,CurrentY+Y)处处画点。画点。2.Line方法方法n 画直线或矩形：画直线或矩形：对象对象.Line Step(x1,y1)(x2,y2),颜色颜色,BF其中：其中：(x1,y1)，(x2,y2)分别为线段的起终点坐标或矩形的左分别为线段的起终点坐标或矩形的左上角右下角坐标。上角右下角坐标。B表示画矩形，表示画矩形，F表示用画矩形的颜色
19、来填充表示用画矩形的颜色来填充矩形。矩形。n 关键字关键字StepStep表示采用当前作图位置的相对值，即从当前坐标表示采用当前作图位置的相对值，即从当前坐标移动相应的步长后所得的点为画线起点。移动相应的步长后所得的点为画线起点。n 注意：各参数可根据实际要求进行取舍，但如果舍注意：各参数可根据实际要求进行取舍，但如果舍去的是中间参数，参数的位置分隔符不能舍去。去的是中间参数，参数的位置分隔符不能舍去。（三）（三）绘图方法绘图方法 3.Circle方法方法 n Circle方法用于在指定对象上画圆、椭圆、圆弧和扇形。方法用于在指定对象上画圆、椭圆、圆弧和扇形。其语法格式：其语法格式：对象对象.
20、Circle Step(x,y),半径半径,颜色颜色,起始角起始角,终止终止角角,长短轴比率长短轴比率 其中：其中：(x,y)为圆心坐标；为圆心坐标；圆弧和扇形通圆弧和扇形通过参数起始角，终止角控制。当起始角、过参数起始角，终止角控制。当起始角、终止角取值在终止角取值在0 2 时为圆弧，当在起时为圆弧，当在起始角、终止角取值前加一负号时，画出始角、终止角取值前加一负号时，画出扇形，负号表示画圆心到圆弧的径向线；扇形，负号表示画圆心到圆弧的径向线；椭圆通过长短轴比率控制，默认值为椭圆通过长短轴比率控制，默认值为1，画圆。画圆。（三）（三）绘图方法绘图方法 Circle方法的使用方法的使用（三）（
21、三）绘图方法绘图方法 五、五、应用举例应用举例 1 1 绘制函数曲线绘制函数曲线例例 在在窗窗体体上上画画出出，区区间间的的正正弦弦曲曲线线。要要求求将将图图片片框框的的坐坐标标系系重重新新定定义义为为左左上上角角坐坐标标为为（，1 1），右右下下角角坐标为（坐标为（，1 1），并在窗体上画出坐标的），并在窗体上画出坐标的x x轴和轴和y y轴。轴。分析：分析：行星运动的椭圆方程为：行星运动的椭圆方程为：x=x0+rx*cos(alfa)x=x0+rx*cos(alfa)，y=y0+ry*sin(alfa)y=y0+ry*sin(alfa)。其中，其中，x0 x0、y0y0为椭圆圆心坐标，为椭圆圆心坐标，rxrx为水平半径，为水平半径，ryry为垂直半径，为垂直半径，alfaalfa为圆心角。为圆心角。例例 设置一个模拟行星绕太阳运动的程序。设置一个模拟行星绕太阳运动的程序。2 简单动画设计简单动画设计 在程序设计中，动画就是有规律地改变对象的形状、尺寸或位在程序设计中，动画就是有规律地改变对象的形状、尺寸或位置，形成的动态效果。动画的速度通常使用时钟控件来控制。置，形成的动态效果。动画的速度通常使用时钟控件来控制。五、五、应用举例应用举例