《图形设计》PPT课件.ppt

《《图形设计》PPT课件.ppt》由会员分享，可在线阅读，更多相关《《图形设计》PPT课件.ppt（17页珍藏版）》请在淘文阁 - 分享文档赚钱的网站上搜索。

1、 第第6章章图形设计图形设计l6.1坐标系坐标系l6.2颜色颜色l6.36.3图形控件与绘图方法图形控件与绘图方法 l6.4图像和图片框控件图像和图片框控件l6.5动画设计动画设计6.1坐标系坐标系6.1.16.1.1坐标系与坐标单位坐标系与坐标单位一、坐标系一、坐标系:是一个是一个二维网格二维网格，可定义屏幕上、窗体中或其他容，可定义屏幕上、窗体中或其他容器的位置。器的位置。（1 1）当移动控件或调整控件大小时，使用控件）当移动控件或调整控件大小时，使用控件所在容器所在容器的坐标的坐标系统。系统。（2 2）所有的图形和）所有的图形和printprint方法，使用容器的坐标系统方法，使用容器的

2、坐标系统（3 3）调整窗体大小或移动窗体，用缇（）调整窗体大小或移动窗体，用缇（twipstwips）来表示窗体的）来表示窗体的位置和大小位置和大小（4 4）任何容器的缺省坐标系统，都是）任何容器的缺省坐标系统，都是由容器的左上角（由容器的左上角（0 0，0 0）坐标开始。坐标开始。6.1坐标系坐标系二、坐标系的单位二、坐标系的单位沿坐标轴定义位置的测量单位，称为刻度。沿坐标轴定义位置的测量单位，称为刻度。1、标准刻度、标准刻度：（1）ScaleMode属性属性（0-7）：定义标准刻度的单位）：定义标准刻度的单位ScaleMode=3等等（2）ScaleLeft和和ScaleTop属性属性：指

3、定对象左上角的数字值：指定对象左上角的数字值ScaleLeft=100，ScaleTop=100（窗体左上角为（窗体左上角为（100，100）（3）ScaleWidth和和ScaleHeight属性属性：根据绘图区的当前宽度和：根据绘图区的当前宽度和高度定义单位高度定义单位ScaleWidth=1000，ScaleHeight=500（当前窗体内部宽度的（当前窗体内部宽度的1/1000为水平单位，当前窗体内部高度的为水平单位，当前窗体内部高度的1/500为垂直单位）为垂直单位）2 2、自定义坐标系、自定义坐标系设置坐标系：用设置坐标系：用ScaleScale方法方法定义坐标系的左上角及右下角，

4、即确定义坐标系的左上角及右下角，即确定了坐标系的原点定了坐标系的原点对象对象.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)6.1坐标系坐标系-200,200-200,200200,-200200,-2000,00,0例6-1本例用窗体内两个命令按钮的单击事件说明用Scale方法改变坐标系统后产生的影响，命令Line（

5、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、）。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)亮白色亮白色6.2颜色颜色颜色属性：颜色属

7、性：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 1LineLine控件：显示水平线、垂直线、对角线控件：显示水平线、垂直线、对角线通通 过过 设设 置置 BorderColorBorderColor属属 性性，BorderStyleBorderStyle属属 性性，Border

8、WidthBorderWidth属属性性改改变变线线段段的的颜颜色色、线线形形和和粗粗细细，通通过过设设置置起起点坐标点坐标X1X1、Y1Y1和终点坐标和终点坐标X2X2、Y2Y2属性改变线段的长短。属性改变线段的长短。2 2ShapeShape控控件件：显显示示矩矩形形、正正方方形形、椭椭圆圆、圆圆形形、圆圆角角矩矩形形或或者圆角正方形。者圆角正方形。ShapeShape属属性性返返回回或或设设置置一一个个值值（0-5），该该值值指指示示一一个个ShapeShape控件的外观。控件的外观。6.3图形控件与绘图方法图形控件与绘图方法clscls方法方法画直线、矩形方法（画直线、矩形方法（Lin

9、eLine）画点方法画点方法(PsetPset)画圆方法画圆方法(Circle)(Circle)一、一、ClsCls方法方法ClsCls将清除图形和打印语句在运行时所产生的文本和图形将清除图形和打印语句在运行时所产生的文本和图形语法：对象语法：对象.ClsCls6.3.2图形方法图形方法二、二、Line方法方法Line方法用来绘制直线和矩形。方法用来绘制直线和矩形。格格 式式：object.LineStep（x1，y1）-Step（x2，y2），），Color，BF说明：说明：（1）Step指指定定相相对对于于由由CurrentX，CurrentY属属性性提提供的当前图形位置的坐标。可选。供的

10、当前图形位置的坐标。可选。（2）（x1，y1）直直线线或或矩矩形形的的起起点点坐坐标标，度度量量单单位位由由ScaleMode属属 性性 决决 定定。若若 省省 略略，则则 从从 CurrentX和和CurrentY指示的位置开始。单精度参数指示的位置开始。单精度参数二、二、Line方法方法（3 3）StepStep指定相对于线的起点的终点坐标。可选。指定相对于线的起点的终点坐标。可选。（4 4）（）（x2x2，y2y2）直线或矩形的终点坐标。单精度参数。）直线或矩形的终点坐标。单精度参数。（5 5）ColorColor画线颜色。若省略，则使用对象的画线颜色。若省略，则使用对象的ForeCol

11、orForeColor属性值。为可选的长整型参数。属性值。为可选的长整型参数。（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

12、)为起点，边长为为起点，边长为30003000的兰色实心正方形的兰色实心正方形 三、三、pset方法方法lPset方方法法用用来来设设置置对对象象上上指指定定的的点点的的颜颜色色，即即用用指指定的颜色画出一个点。定的颜色画出一个点。l格式：格式：object.PsetStep(x,y),Colorl说明：说明：（1）Step指指定定相相对对于于由由CurrentX，CurrentY属属性性提提供供的的当当前前图图形形位位置置的的坐坐标标(即即与与当当前前坐坐标标的的相相对对位位置置）。可选。可选。（2）（x，y）设设置置所所画画点点的的水水平平（x轴轴）和和垂垂直直（y轴）坐标，是单精度参数。

13、轴）坐标，是单精度参数。（3）Color设设置置该该点点像像素素的的前前景景色色，可可选选。若若省省略略，则使用当前的则使用当前的ForeColor属性值。属性值。四、四、Circle方法方法lCircle方法用来绘制圆形、椭圆形、扇形和弧形。方法用来绘制圆形、椭圆形、扇形和弧形。l格格式式：object.CircleStep（x，y），radius，color，start，end，aspectl说明：说明：（1）Step关关键键字字，用用来来指指定定圆圆、椭椭圆圆或或弧弧的的中中心心。它它们们相相对对于于当当前前对对象象的的CurrentX和和CurrentY属属性性提提供供的的坐标。可选。

14、坐标。可选。（2）（x，y）圆圆、椭椭圆圆或或弧弧的的中中心心坐坐标标。单单精精度度浮浮点点数。数。四、四、Circle方法方法（3）radius圆、椭圆或弧的半径。单精度浮点数。圆、椭圆或弧的半径。单精度浮点数。（4）color圆周的圆周的RGB颜色。若省略，则使用颜色。若省略，则使用ForeColor属性值。可选，长整型数。属性值。可选，长整型数。（5）start指定弧的起点位置，单位为弧度。其范围指定弧的起点位置，单位为弧度。其范围从从-22。默认值是。默认值是0。可选，单精度浮点数。可选，单精度浮点数。（6）end指定弧的终点位置，单位为弧度。其范围从指定弧的终点位置，单位为弧度。其范

15、围从-22。默认值是。默认值是2。可选，单精度浮点数。可选，单精度浮点数。（7）aspect圆的纵横尺寸比。默认值为圆的纵横尺寸比。默认值为1.0,它在任何它在任何屏幕上都产生一个标准圆（非椭圆）。可选，单精度屏幕上都产生一个标准圆（非椭圆）。可选，单精度浮点数。浮点数。6.4图像和图片框控件图像和图片框控件 Image控件（图像框）控件（图像框）lImage控控件件用用来来显显示示图图形形。Image控控件件可可以以显显示示来来自自位位图图、图图标标或或者者元元文文件件的的图图形形，也也可可以以显显示示增增强强的的元元文文件件、JPEG或或GIF文件。文件。lImage控控 件件 使使 用用

16、 较较 少少 的的 系系 统统 资资 源源，重重 画画 起起 来来 比比PictureBox控控件件要要快快。但但它它只只支支持持PictureBox控控件件的的一一部分属性、事件和方法。部分属性、事件和方法。l可可以以通通过过设设置置Stretch属属性性来来确确定定是是否否缩缩放放图图形形来来适适应应控件大小。控件大小。l将将图图形形加加载载到到ImageImage控控件件中中：设设计计时时设设置置PicturePicture属属性性或使用语句或使用语句 Set Set Image1.Picture=Image1.Picture=LoadPictureLoadPicture（“图图形形路路

17、径径”）PictureBox控件（图片框）控件（图片框）PictureBox控控件件用用来来显显示示图图形形。PictureBox控控件件中中的的图图形形的的大大小小是是不不能能改改变变的的。如如果果控控件件不不足足以以显显示示整整幅幅图图像像，则则裁裁剪剪图图像以适应控件的大小。像以适应控件的大小。PictureBox控件的常用属性有：控件的常用属性有：（1）CurrentX、CurrentY属属性性：返返回回或或设设置置下下一一次次打打印印或或绘绘图方法的水平（图方法的水平（CurrentX）或垂直（）或垂直（CurrentY）坐标。）坐标。（2）BorderStyle属属性性：返返回回或

18、或设设置置控控件件的的边边框框样样式式。设设置置值值0，无边框；设置值，无边框；设置值1，固定单边框（默认值）。，固定单边框（默认值）。（3）Picture属性：返回或设置控件中要显示的图片。属性：返回或设置控件中要显示的图片。Picture1.Picture=LoadPicturePicture1.Picture=LoadPicture（“图片路径图片路径”）（4）AutoSize属属性性：指指定定PictureBox控控件件是是否否自自动动改改变变大大小小，以适应图形的大小以适应图形的大小可以在可以在PictureBox上画画、打印、显示文本、图形、上画画、打印、显示文本、图形、动画，常用

19、几种方法：动画，常用几种方法：lPictureBox.print方法在方法在PictureBox控件上输出文控件上输出文本本lCls方法可以清除输出方法可以清除输出lCircle、Line、Pset方法可用在方法可用在PictureBox中画图中画图形形PictureBox控件（图片框）控件（图片框）6.5 动画设计 动画原理动画原理动画是一种运动的模拟，其实现方法是在屏幕上快速地显示一动画是一种运动的模拟，其实现方法是在屏幕上快速地显示一组相关的图像。组相关的图像。使图像移动或变化的基本方法有三种，即：使图像移动或变化的基本方法有三种，即：1用用Image对象的对象的Move方法移动图像，其方法移动图像，其Left和和Top属性指示属性指示了了Image对象的当前左上角位置；对象的当前左上角位置；2调用调用LoadPicture函数装载不同的图像，并赋给函数装载不同的图像，并赋给Image对象的对象的Picture属性，将在对象中显示不同的图像，即实现图像变化；属性，将在对象中显示不同的图像，即实现图像变化；3修改修改Image对象的对象的Width和和/或或Height属性可以缩放图像。属性可以缩放图像。6.5.2动画设计实例动画设计实例