《《图形设计》PPT课件.ppt》由会员分享，可在线阅读，更多相关《《图形设计》PPT课件.ppt（17页珍藏版）》请在三一办公上搜索。
1、第6章 图形设计,6.1 坐标系6.2 颜色6.3图形控件与绘图方法 6.4 图像和图片框控件6.5 动画设计,6.1 坐标系,6.1.1坐标系与坐标单位一、坐标系:是一个二维网格，可定义屏幕上、窗体中或其他容器的位置。（1）当移动控件或调整控件大小时，使用控件所在容器的坐标系统。（2）所有的图形和print方法，使用容器的坐标系统（3）调整窗体大小或移动窗体，用缇（twips）来表示窗体的位置和大小（4）任何容器的缺省坐标系统，都是由容器的左上角（0，0）坐标开始。,6.1 坐标系,二、坐标系的单位 沿坐标轴定义位置的测量单位，称为刻度。1、标准刻度：（1）ScaleMode属性（0-7）：
2、定义标准刻度的单位ScaleMode=3 等（2）ScaleLeft和ScaleTop属性：指定对象左上角的数字值 ScaleLeft=100，ScaleTop=100（窗体左上角为（100，100）（3）ScaleWidth和ScaleHeight属性：根据绘图区的当前宽度和高度定义单位ScaleWidth=1000，ScaleHeight=500（当前窗体内部宽度的1/1000为水平单位，当前窗体内部高度的1/500为垂直单位）,2、自定义坐标系设置坐标系：用Scale方法定义坐标系的左上角及右下角，即确定了坐标系的原点对象.Scale(x1,y1)-(x2,y2)把对象在x方向上分成x2
3、-x1等分，在y方向上分为y2-y1等分如：Scale(-200,200)-(200,-200),6.1 坐标系,例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)定义用户坐标系 Lin
4、e(0,0)-(1500,1500)End SubCommand2_Click事件定义用户坐标系，坐标原点在窗体的左下角，X轴的正向向左，Y轴的正向向上，窗体的左上角坐标为（0，1500），右下角坐标为（1500，0）。,6.1.2坐标系的使用,6.2 颜色,颜色属性：BackColor、ForeColor、BorderColor、FillColor颜色函数：1、RGB(red,green,blue)2、QBColor(color),6.3.1图形控件,1 Line控件：显示水平线、垂直线、对角线 通过设置BorderColor属性，BorderStyle属性，BorderWidth属性改变线
5、段的颜色、线形和粗细，通过设置起点坐标X1、Y1和终点坐标X2、Y2属性改变线段的长短。2Shape控件：显示矩形、正方形、椭圆、圆形、圆角矩形或者圆角正方形。Shape属性返回或设置一个值（0-5），该值指示一个Shape控件的外观。,6.3图形控件与绘图方法,cls方法画直线、矩形方法（Line）画点方法(Pset)画圆方法(Circle)一、Cls方法Cls将清除图形和打印语句在运行时所产生的文本和图形语法：对象.Cls,6.3.2图形方法,二、Line方法,Line方法用来绘制直线和矩形。格式：object.Line Step（x1，y1）-Step（x2，y2），Color，BF说明
6、：（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选项规定以矩形边框的颜
7、色填充。若只用B选项而不用F选项，则矩形用当前的FillColor和FillStyle填充。绘制一个以点(800,800)为起点，边长为3000的兰色实心正方形,三、pset方法,Pset方法用来设置对象上指定的点的颜色，即用指定的颜色画出一个点。格式：object.Pset Step(x,y),Color说明：（1）Step指定相对于由CurrentX，CurrentY属性提供的当前图形位置的坐标(即与当前坐标的相对位置）。可选。（2）（x，y）设置所画点的水平（x轴）和垂直（y轴）坐标，是单精度参数。（3）Color设置该点像素的前景色，可选。若省略，则使用当前的ForeColor属性值。
8、,四、Circle方法,Circle方法用来绘制圆形、椭圆形、扇形和弧形。格式：object.Circle Step（x，y），radius，color，start，end，aspect说明：（1）Step关键字，用来指定圆、椭圆或弧的中心。它们相对于当前对象的CurrentX和CurrentY属性提供的坐标。可选。（2）（x，y）圆、椭圆或弧的中心坐标。单精度浮点数。,四、Circle方法,（3）radius圆、椭圆或弧的半径。单精度浮点数。（4）color圆周的RGB颜色。若省略，则使用ForeColor属性值。可选，长整型数。（5）start指定弧的起点位置，单位为弧度。其范围从-22。
9、默认值是0。可选，单精度浮点数。（6）end指定弧的终点位置，单位为弧度。其范围从-22。默认值是2。可选，单精度浮点数。（7）aspect圆的纵横尺寸比。默认值为1.0,它在任何屏幕上都产生一个标准圆（非椭圆）。可选，单精度浮点数。,6.4 图像和图片框控件,Image控件（图像框）Image控件用来显示图形。Image控件可以显示来自位图、图标或者元文件的图形，也可以显示增强的元文件、JPEG或GIF文件。Image控件使用较少的系统资源，重画起来比PictureBox控件要快。但它只支持PictureBox控件的一部分属性、事件和方法。可以通过设置Stretch属性来确定是否缩放图形来适
10、应控件大小。将图形加载到Image控件中：设计时设置Picture属性或使用语句 Set Image1.Picture=LoadPicture（“图形路径”）,PictureBox控件（图片框）,PictureBox控件用来显示图形。PictureBox控件中的图形的大小是不能改变的。如果控件不足以显示整幅图像，则裁剪图像以适应控件的大小。PictureBox控件的常用属性有：（1）CurrentX、CurrentY属性：返回或设置下一次打印或绘图方法的水平（CurrentX）或垂直（CurrentY）坐标。（2）BorderStyle属性：返回或设置控件的边框样式。设置值0，无边框；设置值1
11、，固定单边框（默认值）。（3）Picture属性：返回或设置控件中要显示的图片。Picture1.Picture=LoadPicture（“图片路径”）（4）AutoSize属性：指定PictureBox控件是否自动改变大小，以适应图形的大小,可以在PictureBox上画画、打印、显示文本、图形、动画，常用几种方法：PictureBox.print方法在PictureBox控件上输出文本Cls方法可以清除输出Circle、Line、Pset方法可用在PictureBox中画图形,PictureBox控件（图片框）,6.5 动画设计,动画原理 动画是一种运动的模拟，其实现方法是在屏幕上快速地显示一组相关的图像。使图像移动或变化的基本方法有三种，即：1 用Image对象的Move方法移动图像，其Left和Top属性指示了Image对象的当前左上角位置；2 调用LoadPicture函数装载不同的图像，并赋给Image对象的Picture属性，将在对象中显示不同的图像，即实现图像变化；3 修改Image对象的Width和/或Height属性可以缩放图像。6.5.2动画设计实例,
