图形和图像ppt课件

.,1,第11章图形和图像,111绘制图形112显示图片113滚动条控件,VB之所以广受欢迎，除了方便的控件、美观的图形用户界面之外，还在于其强大的绘图功能支持，VB的绘图功能使得应用程序的画面更加多姿多彩。在VB中既可以使用形状控件、直线控件制作规则图形，又可以使用内建的绘图方法绘制图形，还可以使用窗体、图片框、图像框有关控件来处理各种格式的图形文件。,.,2,111绘制图形,一、图形控件二、图形的坐标系统三、与图形有关的属性四、使用颜色五、绘图方法：六、绘图语句与Paint事件,一、图形控件,1Shape控件此控件可以制作矩形、正方形、椭圆形、圆形、圆角矩形、圆角正方形6种形状。具体形状可由其Shape属性来决定：Shape属性：形状BoderColor属性：边界色BorderWidth属性：边界宽度BorderStyle属性：边界类型FillColor属性：填充色FillStyle属性：填充类型,一、图形控件,BoderColor属性：边界色BorderWidth属性：边界宽度BorderStyle属性：边界类型X1、X2、Y1、Y2属性：端点坐标,2Line控件用来制作直线。主要属性有：,例11-1，曲柄滑块机构的演示案例程序1：行星的运动案例程序2：迷你电子表,3图形控件与动画,二、图形的坐标系统,2坐标方法缺省坐标：对象（窗体、图片框）左上角的坐标为（0，0），水平向右为X轴，垂直向下为Y轴，坐标单位由ScaleMode属性决定。,1坐标单位ScaleMode属性：共8种。,二、图形的坐标系统,2坐标方法自定义坐标：对象.Scale(X1，Y1)-(X2，Y2)(X1，Y1)设置对象的左上角坐标，(X2，Y2)设置对象的右下角坐标。此方法的使用，将对象在X方向的坐标分成X2X1等分，Y方向的坐标分成Y2Y1等分；并使ScaleMode属性为0！,二、图形的坐标系统,3坐标属性坐标属性有4个：ScaleLeft、ScaleTop、ScaleWidth和ScaleHeight。用于改变坐标原点及该度单位的大小。ScaleLeft和ScaleTop用于设定对象左上角的坐标值，ScaleWidth和ScaleHeight用于设定对象的标尺宽度和高度。对象.Scale(X1，Y1)-(X2，Y2)，相当于：对象.ScaleLeft=X1对象.ScaleTop=Y1对象.ScaleWidth=X2-X1对象.ScaleHeight=Y2-Y1,三、与图形有关的属性,2DrawWidth属性以像素为单位的线宽；类似于Shape控件的BorderWidth。3DrawStyle属性决定线的虚实；类似于Shape控件的BorderStyle属性。4FillColor属性设置填充颜色。5FillStyle属性设置填充类型。,1DrawMode属性：决定所绘图形的真实颜色。,四、使用颜色,1颜色属性：ForeColor、BackColor、FillColor、BorderColor。2颜色设置：RGB函数颜色属性=RGB(Red，Green，Blue)分量值范围为：0255，共有2563=16777216（1600万）种颜色。QBColor函数颜色属性=QBColor(Color)Color的取值范围为：015，对应颜色见Page232表1113。使用颜色常数vbBlack、vbRed、vbGreen、vbYellow、vbBlue、vbWhite。使用颜色数值如：Form1.ForeColor=&HFF00FF:Text1.BackColor=2553案例程序3：一个获取渐变色颜色信息的实用工具程序_电脑爱好者、2000.7,五、绘图方法,说明：绘图方法只能用于Form和PictureBox！1Pset方法：用于画点。对象.PsetStep(x，y)，Color案例程序4：圆的渐开线x=Cos(t)+t*Sin(t)y=-Sin(t)+t*Cos(t),五、绘图方法,2Line方法：用于画直线或矩形。对象.LineStep(X1,Y1)-Step(X2,Y2),Color，BF说明：Color为边线的颜色；若只有B，则用FillColor来填充，填充方式取决于FillStyle；若BF都有，则用Color实型填充，填充方式与FillStyle无关。案例程序5：弹簧振子,五、绘图方法,3Circle方法：用于画圆、椭圆和圆弧对象.CircleStep(x，y)，R，Col，Start，End，Aspect画圆对象.CircleStep(x，y)，Radius，Color画椭圆对象.CircleStep(x，y)，Radius，Col，AspectAspect：纵横半径比，Aspect1时，长轴位于垂直方向；Aspect1时，长轴位于水平方向。画圆弧对象.CircleStep(x，y)，Radius，Col，Start，EndStart和End的单位为弧度，范围为-22；取负数时有中心连线；0为3点方向，逆时针方向旋转。两者可以省去一个，默认0到2。画椭圆弧对象.CircleStep(x，y)，R，Col，Start，End，Aspect,五、绘图方法,4Cls方法：清除所画图形对象.Cls5举例：案例程序6：下雪案例程序7：彩色光盘,六、绘图语句与Paint事件,在一个对象被移动或放大之后，或在一个覆盖该对象的窗体被移开之后，该对象部分或全部暴露时，此事件发生。使用Paint过程，可以确保输出的内容在必要时能被重绘。绘制静态图形时，最好是在Paint事件中绘制，这样可以保证在窗口进行切换时不至于丢失所画内容。当然也可通过设置AutoRedraw=True的方法实现自动重画。案例程序7：彩色光盘（演示窗口被覆盖后的情况）,.,15,111绘制图形回顾,一、图形控件二、图形的坐标系统三、与图形有关的属性四、使用颜色五、绘图方法：六、绘图语句与Paint事件,.,16,112显示图片,在VB中可以借助窗体Form、图像框控件ImageBox、图片框控件PictureBox显示各种类型的图片文件，其格式可以是：.bmp、.jpg、.jpeg、.gif、.cur、.ico等。一、直接加载图片到窗体二、使用图像控件三、使用图片框控件四、PaintPicture方法（补充）,一、直接加载图片到窗体,窗体既可以用各种绘图方法（Pset、Line、Circle）绘制图形；也可以用于显示图片。显示图片时，即可以在窗体设计阶段在属性窗口设置其Picture属性，也可以在代码编写阶段用LoadPicture函数加载图片，其格式为：LoadPicture(文件名)Me.Picture=LoadPicture(c:素材flower.jpg)说明：若省去文件名，则清除图片。在显示图片时窗体不如图片框和图像框方便。,二、使用图像控件,图像控件ImageBox不能用绘图方法绘制图形，只能用来显示图片。但在显示图片时所占用的系统资源比图片框要小，因此在只显示图片而不绘制图形的情况下，用图像框要显得方便快捷。此外图像框的Stretch属性设成True后，图片的大小会自动伸缩到图像框的大小。,三、使用图片框控件,图片框PictureBox具有类似于窗体显示图片、绘制图形的功能，但其图形处理方面的属性和方法比窗体要丰富的多。如，AutoSize属性设置成真后，当图片框控件比实际图片小时，图片框会自动适应图片的尺寸；可以用PaintPicture方法对图片进行翻转、拉伸等处理。1图片的显示例11-9，制作简易图片浏览器2输出图形和文本制作移动的函数曲线,四、PaintPicture方法（补充）,这是一种对图形进行块操作的非常灵活的图形处理方法，借助这种方法可以对图形进行拉伸、压缩、翻转等处理。1格式：对象.PaintPicturePic,x1,y1,w1,h1,x2,y2,w2,h22说明：绘图的对象可以是窗体，也可以是图片框。Pic是图象源，可以来自窗体、图片框或图像框中的图象。x1，y1是目标坐标，决定在对象上粘贴的起始点。w1和h1为可以选，决定在对象上粘贴的宽度和高度。x2，y2是从图象源中截取图象的起始位置坐标。w2，h2是从图象源中截取图象的宽度值和高度值。3应用：从图象源中截取图象后，进行各种处理。,案例程序举例,效果1：推出效果5：马赛克效果2：拉近效果6：拉幕效果3：推拉效果7：滚动效果4：百叶窗,案例程序9：圆周运动的投影,案例程序8：静态图片的特技呈现电脑爱好者200020,案例程序9：用程序绘制美丽的花,三叶玫瑰线：=Asin3,=Acos3,四叶玫瑰线=Asin2,四叶玫瑰线=Acos2,？叶玫瑰线=Asin,2,案例程序9：用程序绘制美丽的花,.,24,112显示图片回顾,一、直接加载图片到窗体二、使用图像控件三、使用图片框控件四、PaintPicture方法（补充）,.,25,113滚动条控件,一、滚动条的属性二、滚动条的事件三、滚动条的应用,一、滚动条的属性,1Min和Max属性2Value属性3LargeChange属性4SmallChange属性,二、滚动条的事件,1Change事件当Value发生变化时，就会发生Change事件。2Scroll事件当拖动滚动框时先发生Scroll事件，后Change事件。对比两个事件发生的