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

第17章 图形和图像 17.1 图形、图像 17.2 picturebox控件 17.3 graphics类 17.4 简单动画例子 17.5 时钟秒针转动例子 17.1 图形、图像 n图形：矢量方式，如.dwg、metafile等。 n例子：一条直线用起点和终点的坐标表示，圆用 圆心坐标和半径表示。用另外的数据表示线的颜 色、粗细等。 n优点：存储小，显示快，特别适合工程用图。 n缺点： 不适合显示艺术图像。 n图像：点阵方式，如.bmp、.ico、.gif、.jpg等。 n例子：将图片中每个点用坐标和颜色值来表示。 n优点：逼真、细腻，色彩丰富，特别适合显示艺 术图像。 n缺点：存储大，显示慢，不适合工程用图。 n功能：用于显示图形、图像。 n重要属性：表17-1 n使用方法： n添加：使用工具箱添加控件。 n静态设置属性image：按属性右边的“”小按钮 ，选择图像即可。 n动态设置属性image： picturebox1.image=new bitmap(文件名) picturebox1.image=new metafile(文件名) 17.2 picturebox控件 n功能：用于绘制图形、显示图像/文字。 n使用方法： 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。 n例子： n新建项目，增加控件picturebox1，增加控件 button1，将上述1-8的代码放在button1的 “click”事件处理过程中。 n运行时按button1，出现图形效果。 n将窗口最小化或覆盖，重新显示时图形不出现。 17.3 graphics类 npaint事件：每次窗体重新被显示时发生的事件。 npaint()处理过程：每次窗体重新被显示时被执行的 代码。 n例子： n将上述例子中的代码放在窗体form1或 picturebox1的paint事件处理过程中。 n效果：图像一闪就消失。 n修改：将g = me.creategraphics 或 g = picturebox1.creategraphics 改成g = e.graphics n效果：图像正常显示。 17.3 graphics类 n原理： n将原图形消去，用背景色重画或使用graphics 的clear()成员函数清除。 n在新位置再画图形。 n例子： 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 简单动画例子 n新建项目，增加 imports system.math imports system.drawing.color n增加全局变量alfa dim alfa as double alfa是旋转的角度，按弧度计算。 n增加timer控件，将其俄enabled属性设置为true n增加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.drawline(p