Visual Basic.NET编程PPT电子课件教案-第17章 图形和图像.ppt

第17章 图形和图像,17.1 图形、图像 17.2 picturebox控件 17.3 graphics类 17.4 简单动画例子 17.5 时钟秒针转动例子,17.1 图形、图像,图形：矢量方式，如.dwg、metafile等。 例子：一条直线用起点和终点的坐标表示，圆用圆心坐标和半径表示。用另外的数据表示线的颜色、粗细等。 优点：存储小，显示快，特别适合工程用图。 缺点： 不适合显示艺术图像。 图像：点阵方式，如.bmp、.ico、.gif、.jpg等。 例子：将图片中每个点用坐标和颜色值来表示。 优点：逼真、细腻，色彩丰富，特别适合显示艺术图像。 缺点：存储大，显示慢，不适合工程用图。,功能：用于显示图形、图像。 重要属性：表17-1 使用方法： 添加：使用工具箱添加控件。 静态设置属性image：按属性右边的“”小按钮，选择图像即可。 动态设置属性image： picturebox1.image=new bitmap(文件名) picturebox1.image=new metafile(文件名),17.2 picturebox控件,功能：用于绘制图形、显示图像/文字。 使用方法： 1、定义：定义graphics对象 dim g as graphics 2、创建：对象初始化（创建） g=me.creategraphics 表示在窗体上绘图 g=picturebox1.creategraphics 表示在picturebox1上绘图,17.3 graphics类,3、工具：使用pen、font、xxxbrush、drawxxx、fillxxx等等工具绘制图形、显示图像/文字。 4、pen：设定线条颜色、宽度、虚实式样、阴影、端点式样等，表17-5。 dim p as new pen(system.drawing.color.red，3) 定义红色的实线，宽度为3。 5、font：设定字体、大小、颜色等，17.2.9节。 dim f as new font(”宋体”，16，fontstyle.bold) 定义宋体字体，大小为16，粗体。,17.3 graphics类,6、xxxbrush ：设定填充颜色、式样，17.2.8节 dim b as new solidbrush(system.drawing.color.blue) 定义实填充，颜色为黑色。 7、bitmap：设定图像文件名 dim bm as new bitmap(图像文件名) 8、drawxxx ：绘制/显示，表17-8。 g.drawimage(im，10，20) 显示图像文件，左上角坐标（10，20）。 g.drawline(p，10，20，190，200) 直线从(10，20)到(190，200)，线条设定使用p。 g.drawstring(”hello”，f，b，10，20) 显示hello，起点坐标（10，20），字体用f，文字内部填充使用b。,17.3 graphics类,8、fillxxx ：填充图形内部，表17-8。 g.fillrectangle(b，60，60，90，100) 填充左上角为(60，60)，右下角为(90，100)的矩形，填充式样使用b。 例子： 新建项目，增加控件picturebox1，增加控件button1，将上述1-8的代码放在button1的“click”事件处理过程中。 运行时按button1，出现图形效果。 将窗口最小化或覆盖，重新显示时图形不出现。,17.3 graphics类,paint事件：每次窗体重新被显示时发生的事件。 paint()处理过程：每次窗体重新被显示时被执行的代码。 例子： 将上述例子中的代码放在窗体form1或picturebox1的paint事件处理过程中。 效果：图像一闪就消失。 修改：将g = me.creategraphics 或 g = picturebox1.creategraphics 改成g = e.graphics 效果：图像正常显示。,17.3 graphics类,原理： 将原图形消去，用背景色重画或使用graphics的clear()成员函数清除。 在新位置再画图形。 例子： 1、新建项目，在form1的paint事件处理过程中增加如下代码。 dim g as graphics g = e.graphics dim p as new pen(system.drawing.color.red, 3) g.drawline(p, 10, 20, 190, 200),17.4 简单动画例子,2、增加控件button1，将下属代码放在button1的“click”事件处理过程中。 dim g as graphics g = me.creategraphics dim p as new pen(me.backcolor, 3) g.drawline(p, 10, 20, 190, 200) dim p1 as new pen(system.drawing.color.red, 3) g.drawline(p1, 15, 20, 195, 200) 3、运行效果：窗体初始显示一条红色直线，按下button1，直线移动。,17.4 简单动画例子,新建项目，增加 imports system.math imports system.drawing.color 增加全局变量alfa dim alfa as double alfa是旋转的角度，按弧度计算。 增加timer控件，将其俄enabled属性设置为true 增加timer控件的tick事件，代码如下： dim g as graphics dim x, y as integer g = me.creategraphics,17.5 时钟秒针转动例子,dim p1 as new pen(me.backcolor) dim p2 as new pen(red) （100，100）是圆心，50是时针长度 x = 50 * cos(alfa) + 100 y = 50 * sin(alfa) + 100 g.drawline(p1, 100, 100, x, y) alfa += 0.5 if alfa = 6.29 then alfa = 0 x = 50 * cos(alfa) + 100 y = 50 * sin(alfa) + 100 g.drawlin