第6章 图形设计l6.1 坐标系l6.2 颜色l6.3图形控件与绘图方法 l6.4 图像和图片框控件l6.5 动画设计6.1 坐标系6.1.1坐标系与坐标单位 一、坐标系 二、坐标系的单位 1、标准刻度 ：ScaleMode属性坐标系的原点 2、自定义坐标系 设置坐标系 对象.Scale(x1,y1)-(x2,y2)把对象在x方向上分成x2-x1等分 ，在y方向上分为y2-y1等分-200,200200,-2000,0如：Scale(-200,200)-(200,-200)6.1.2坐标系的使用例6-1本例用窗体内两个命令按钮的单击事件说明用Scale方法 改变坐标系统后产生的影响，命令Line（0，0）-（1500，1500 ）表示从坐标原点到（1500，1500）画一根直线。 Private Sub Command1_Click()ClsForm1.Scale 采用缺省坐标系Line (0, 0)-(1500, 1500) End SubPrivate Sub Command2_Click()ClsForm1.Scale (0, 1500)-(1500, 0) 定义用户坐标系Line (0, 0)-(1500, 1500) End Sub Command2_Click事件定义用户坐标系，坐标原点在窗体的左下角，X轴的正向向左 ，Y轴的正向向上，窗体的左上角坐标为（0，1500），右下角坐标为（1500，0）。例题6-1函数效果函数效果 QBColor(0)黑色QBColor(8)灰色 QBColor(1)蓝色QBColor(9)亮蓝色 QBColor(2)绿色QBColor(10)亮绿色 QBColor(3)深青色QBColor(11)亮青色 QBColor(4)红色QBColor(12)亮红色 QBColor(5)品红色QBColor(13)亮品红色 QBColor(6)深黄色QBColor(14)亮黄色 QBColor(7)纸QBColor(15)亮白色6.2 颜色1、RGB(red,green,blue) 2、QBColor(color)6.3.1图形控件1 Line控件通过设置BorderColor属性，BorderStyle属性， BorderWidth属性改变线段的颜色、线形和粗细，通过设 置起点坐标X1、Y1和终点坐标X2、Y2属性改变线段的长 短。2Shape控件Shape控件是图形控件，显示矩形、正方形、椭圆、圆形 、圆角矩形或者圆角正方形。Shape属性返回或设置一个值，该值指示一个Shape控件 的外观。6.3图形控件与绘图方法一、cls方法 二、画直线、矩形方法（Line） 三、画点方法(Pset) 四、画圆方法(Circle)一、Cls方法 Cls将清除图形和打印语句在运行时所产生的文本和图形 语法：对象.Cls6.3.2图形方法二、Line方法lLine方法用来绘制直线和矩形。根据参数的不同， 该方法既可以画出直线，也可以画出空心矩形或实 心矩形。l格式：object.Line Step（x1，y1）-Step（x2， y2），Color，BFl说明： （1）Step指定相对于由CurrentX，CurrentY属性提 供的当前图形位置的坐标。可选。 （2）（x1，y1）直线或矩形的起点坐标，度量单位 由ScaleMode属性决定。若省略，则从CurrentX和 CurrentY指示的位置开始。单精度参数Line方法（3）Step指定相对于线的起点的终点坐标。可选。 （4）（x2，y2）直线或矩形的终点坐标。单精度参 数。 （5）Color画线颜色。若省略，则使用对象的 ForeColor属性值。为可选的长整型参数。 （6）B利用对角坐标画出矩形。可选。 （7）F规定矩形的填充规则，若用了F选项，就必须 用B选项。若用了B选项，则F选项规定以矩形边框的 颜色填充。若只用B选项而不用F选项，则矩形用当 前的FillColor和FillStyle填充。三、pset方法lPset方法用来设置对象上指定的点的颜色，即用 指定的颜色画出一个点。l格式：object.Pset Step (x,y),Colorl说明： （1）Step指定相对于由CurrentX，CurrentY属性 提供的当前图形位置的坐标 (即与当前坐标的相对 位置）。可选。 （2）（x，y）设置所画点的水平（x轴）和垂直 （y轴）坐标，是单精度参数。 （3）Color设置该点像素的前景色，可选。 （4）用Pset方法可以清除一点。四、Circle方法lCircle方法用来绘制圆形、椭圆形、扇形和弧形 。该方法参数较多，有些参数是可选的。传送不同 的参数，可以分别画出不同的图形。l格式：object.Circle Step（x，y），radius， color，start，end，aspectl说明： （1）Step关键字，用来指定圆、椭圆或弧的中心 。它们相对于当前对象的CurrentX和CurrentY属 性提供的坐标。可选。 （2）（x，y）圆、椭圆或弧的中心坐标。单精度 浮点数。circle（3）radius圆、椭圆或弧的半径。单精度浮点数。 （4）color圆周的RGB颜色。若省略，则使用 ForeColor属性值。可选，长整型数。 （5）start指定弧的起点位置，单位为弧度。其范围 从-22。默认值是0。可选，单精度浮点数。 （6）end指定弧的终点位置，单位为弧度。其范围 从-22。默认值是2。可选，单精度浮点数。 （7）aspect圆的纵横尺寸比。默认值为1.0,它在任何 屏幕上都产生一个标准圆（非椭圆）。可选，单精 度浮点数。 6.3.3 打印方法 1.Print方法语法： 对象.print输出项 2.printForm方法3.使用打印机集合 4.使用 Printer 对象6.4 图像和图片框控件 Image控件（图像框）lImage控件用来显示图形。Image控件可以显 示来自位图、图标或者元文件的图形，也可以显 示增强的元文件、JPEG或GIF文件。lImage控件使用较少的系统资源，重画起来比 PictureBox控件要快。但它只支持PictureBox控 件的一部分属性、事件和方法。lImage控件没有AutoSize属性，但是它可以通 过设置Stretch属性来确定是否缩放图形来适应 控件大小。PictureBox控件（图片框）PictureBox控件用来显示图形。PictureBox控件中的图形的大 小是不能改变的。如果控件不足以显示整幅图像，则裁剪图 像以适应控件的大小。 PictureBox控件的常用属性有： （1）CurrentX、CurrentY属性：返回或设置下一次打印或绘 图方法的水平（CurrentX）或垂直（CurrentY）坐标。 （2）BorderStyle属性：返回或设置控件的边框样式。设置值 0，无边框；设置值1，固定单边框（默认值）。 （3）Picture属性：返回或设置控件中要显示的图片。 （4）AutoSize属性：指定PictureBox控件是否自动改变大小 ，以适应图形的大小6.5 动画设计 6.5.1动画原理动画是一种运动的模拟，其实现方法是在屏幕上快速地显 示一组相关的图像。使图像移动或变化的基本方法有三种，即： 1 用Image对象的Move方法移动图像，其Left和Top属性 指示了Image对象的当前左上角位置； 2 调用LoadPicture函数装载不同的图像，并赋给Image对 象的Picture属性，将在对象中显示不同的图像，即实现图 像变化； 3 修改Image对象的Width和/或Height属性可以缩放图像 。 6.5.2动画设计实例