第6章图形设计.ppt
l6.1 坐标系坐标系l6.2 颜色颜色l6.36.3图形控件与绘图方法图形控件与绘图方法 l6.4 图像和图片框控件图像和图片框控件l6.5 动画设计动画设计6.1.16.1.1坐标系与坐标单位坐标系与坐标单位一、坐标系一、坐标系:是一个是一个二维网格二维网格，可定义屏幕上、窗体中或其他容，可定义屏幕上、窗体中或其他容器的位置。器的位置。（1 1）当移动控件或调整控件大小时，使用控件）当移动控件或调整控件大小时，使用控件所在容器所在容器的坐标的坐标系统。系统。（2 2）所有的图形和）所有的图形和printprint方法，使用容器的坐标系统方法，使用容器的坐标系统（3 3）调整窗体大小或移动窗体，用缇（）调整窗体大小或移动窗体，用缇（twipstwips）来表示窗体的）来表示窗体的位置和大小位置和大小（4 4）任何容器的缺省坐标系统，都是）任何容器的缺省坐标系统，都是由容器的左上角（由容器的左上角（0 0，0 0）坐标开始。坐标开始。二、坐标系的单位二、坐标系的单位 沿坐标轴定义位置的测量单位，称为刻度。沿坐标轴定义位置的测量单位，称为刻度。1、标准刻度、标准刻度：（1）ScaleMode属性属性（0-7）：定义标准刻度的单位）：定义标准刻度的单位ScaleMode=3 等等（2）ScaleLeft和和ScaleTop属性属性：指定对象左上角的数字值：指定对象左上角的数字值 ScaleLeft=100，ScaleTop=100（窗体左上角为（窗体左上角为（100，100）（3）ScaleWidth和和ScaleHeight属性属性：根据绘图区的当前宽度和：根据绘图区的当前宽度和高度定义单位高度定义单位ScaleWidth=1000，ScaleHeight=500（当前窗体内部宽度的（当前窗体内部宽度的1/1000为水平单位，当前窗体内部高度的为水平单位，当前窗体内部高度的1/500为垂直单位）为垂直单位）2 2、自定义坐标系、自定义坐标系设置坐标系：用设置坐标系：用ScaleScale方法方法定义坐标系的左上角及右下角，即确定义坐标系的左上角及右下角，即确定了坐标系的原点定了坐标系的原点对象对象.Scale(x1,y1)-(x2,y2).Scale(x1,y1)-(x2,y2)把对象在把对象在x x方向上分成方向上分成x2-x1x2-x1等分，在等分，在y y方向上分为方向上分为y2-y1y2-y1等分等分如：如：Scale(-200,200)-(200,-200)Scale(-200,200)-(200,-200)-200,200-200,200200,-200200,-2000,00,0例6-1本例用窗体内两个命令按钮的单击事件说明用Scale方法改变坐标系统后产生的影响，命令Line（0，0）-（1500，1500）表示从坐标原点到（1500，1500）画一根直线。Private Sub Command1_Click()Cls Form1.Scale 采用缺省坐标系 Line(0,0)-(1500,1500)End SubPrivate Sub Command2_Click()Cls Form1.Scale(0,1500)-(1500,0)定义用户坐标系 Line(0,0)-(1500,1500)End SubCommand2_Click事件定义用户坐标系，坐标原点在窗体的左下角，X轴的正向向左，Y轴的正向向上，窗体的左上角坐标为（0，1500），右下角坐标为（1500，0）。6.1.2坐标系的使用坐标系的使用函数函数效果效果函数函数效果效果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)亮白色亮白色颜色属性：颜色属性：BackColorBackColor、ForeColorForeColor、BorderColorBorderColor、FillColorFillColor颜色函数：颜色函数：1 1、RGB(red,green,blue)RGB(red,green,blue)2 2、QBColor(color)QBColor(color)6.3.16.3.1图形控件图形控件1 1 LineLine控件：显示水平线、垂直线、对角线控件：显示水平线、垂直线、对角线 通过设置通过设置BorderColorBorderColor属性，属性，BorderStyleBorderStyle属性，属性，BorderWidthBorderWidth属性改变线段的颜色、线形和粗细，通过设置起属性改变线段的颜色、线形和粗细，通过设置起点坐标点坐标X1X1、Y1Y1和终点坐标和终点坐标X2X2、Y2Y2属性改变线段的长短。属性改变线段的长短。2 2ShapeShape控件：控件：显示矩形、正方形、椭圆、圆形、圆角矩形或显示矩形、正方形、椭圆、圆形、圆角矩形或者圆角正方形。者圆角正方形。ShapeShape属性返回或设置一个值（属性返回或设置一个值（0-5），该值指示一个），该值指示一个ShapeShape控件的外观。控件的外观。6.3图形控件与绘图方法图形控件与绘图方法clscls方法方法画直线、矩形方法（画直线、矩形方法（LineLine）画点方法画点方法(Pset)(Pset)画圆方法画圆方法(Circle)(Circle)一、一、ClsCls方法方法ClsCls将清除图形和打印语句在运行时所产生的文本和图形将清除图形和打印语句在运行时所产生的文本和图形语法：对象语法：对象.Cls.Cls6.3.2图形方法图形方法二、二、Line方法方法Line方法用来绘制直线和矩形。方法用来绘制直线和矩形。格式：格式：object.Line Step（x1，y1）-Step（x2，y2），），Color，BF说明：说明：（1）Step指定相对于由指定相对于由CurrentX，CurrentY属性提属性提供的当前图形位置的坐标。可选。供的当前图形位置的坐标。可选。（2）（）（x1，y1）直线或矩形的起点坐标，度量单位由）直线或矩形的起点坐标，度量单位由ScaleMode属性决定。若省略，则从属性决定。若省略，则从CurrentX和和CurrentY指示的位置开始。单精度参数指示的位置开始。单精度参数二、二、Line方法方法（3 3）StepStep指定相对于线的起点的终点坐标。可选。指定相对于线的起点的终点坐标。可选。（4 4）（）（x2x2，y2y2）直线或矩形的终点坐标。单精度参数。）直线或矩形的终点坐标。单精度参数。（5 5）ColorColor画线颜色。若省略，则使用对象的画线颜色。若省略，则使用对象的ForeColorForeColor属性值。为可选的长整型参数。属性值。为可选的长整型参数。（6 6）B B利用对角坐标画出矩形。可选。利用对角坐标画出矩形。可选。（7 7）F F规定矩形的填充规则，若用了规定矩形的填充规则，若用了F F选项，就必须用选项，就必须用B B选项。若用了选项。若用了B B选项，则选项，则F F选项规定以矩形边框的颜色选项规定以矩形边框的颜色填充。若只用填充。若只用B B选项而不用选项而不用F F选项，则矩形用当前的选项，则矩形用当前的FillColorFillColor和和FillStyleFillStyle填充。填充。绘制一个以点绘制一个以点(800,800)(800,800)为起点，边长为为起点，边长为30003000的兰色实心正方形的兰色实心正方形 三、三、pset方法方法lPset方法用来设置对象上指定的点的颜色，即用指方法用来设置对象上指定的点的颜色，即用指定的颜色画出一个点。定的颜色画出一个点。l格式：格式：object.Pset Step(x,y),Colorl说明：说明：（1）Step指定相对于由指定相对于由CurrentX，CurrentY属性提属性提供的当前图形位置的坐标供的当前图形位置的坐标(即与当前坐标的相对位即与当前坐标的相对位置）。可选。置）。可选。（2）（）（x，y）设置所画点的水平（）设置所画点的水平（x轴）和垂直（轴）和垂直（y轴）坐标，是单精度参数。轴）坐标，是单精度参数。（3）Color设置该点像素的前景色，可选。若省略，设置该点像素的前景色，可选。若省略，则使用当前的则使用当前的ForeColor属性值。属性值。四、四、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.4 图像和图片框控件图像和图片框控件Image控件（图像框）控件（图像框）lImage控件用来显示图形。控件用来显示图形。Image控件可以显示来自位控件可以显示来自位图、图标或者元文件的图形，也可以显示增强的元文件、图、图标或者元文件的图形，也可以显示增强的元文件、JPEG或或GIF文件。文件。lImage控件使用较少的系统资源，重画起来比控件使用较少的系统资源，重画起来比PictureBox控件要快。但它只支持控件要快。但它只支持PictureBox控件的一控件的一部分属性、事件和方法。部分属性、事件和方法。l可以通过设置可以通过设置Stretch属性来确定是否缩放图形来适应属性来确定是否缩放图形来适应控件大小。控件大小。l将图形加载到将图形加载到ImageImage控件中：设计时设置控件中：设计时设置PicturePicture属性属性或使用语句或使用语句 Set Image1.Picture=LoadPictureSet Image1.Picture=LoadPicture（“图形路径图形路径”）PictureBox控件（图片框）控件（图片框）PictureBox控件用来显示图形。控件用来显示图形。PictureBox控件中的图形的控件中的图形的大小是不能改变的。如果控件不足以显示整幅图像，则裁剪图大小是不能改变的。如果控件不足以显示整幅图像，则裁剪图像以适应控件的大小。像以适应控件的大小。PictureBox控件的常用属性有：控件的常用属性有：（1）CurrentX、CurrentY属性：返回或设置下一
