Visual Basic.NET編程PPT電子課件教案-第17章 圖形和圖像.ppt

第17章 圖形和圖像,17.1 圖形、圖像 17.2 picturebox控件 17.3 graphics類 17.4 簡單動(dòng)畫例子 17.5 時(shí)鐘秒針轉(zhuǎn)動(dòng)例子,17.1 圖形、圖像,圖形：矢量方式，如.dwg、metafile等。 例子：一條直線用起點(diǎn)和終點(diǎn)的坐標(biāo)表示，圓用圓心坐標(biāo)和半徑表示。用另外的數(shù)據(jù)表示線的顏色、粗細(xì)等。 優(yōu)點(diǎn)：存儲(chǔ)小，顯示快，特別適合工程用圖。 缺點(diǎn)： 不適合顯示藝術(shù)圖像。 圖像：點(diǎn)陣方式，如.bmp、.ico、.gif、.jpg等。 例子：將圖片中每個(gè)點(diǎn)用坐標(biāo)和顏色值來表示。 優(yōu)點(diǎn)：逼真、細(xì)膩，色彩豐富，特別適合顯示藝術(shù)圖像。 缺點(diǎn)：存儲(chǔ)大，顯示慢，不適合工程用圖。,功能：用于顯示圖形、圖像。 重要屬性：表17-1 使用方法： 添加：使用工具箱添加控件。 靜態(tài)設(shè)置屬性image：按屬性右邊的“”小按鈕，選擇圖像即可。 動(dòng)態(tài)設(shè)置屬性image： picturebox1.image=new bitmap(文件名) picturebox1.image=new metafile(文件名),17.2 picturebox控件,功能：用于繪制圖形、顯示圖像/文字。 使用方法： 1、定義：定義graphics對(duì)象 dim g as graphics 2、創(chuàng)建：對(duì)象初始化（創(chuàng)建） g=me.creategraphics 表示在窗體上繪圖 g=picturebox1.creategraphics 表示在picturebox1上繪圖,17.3 graphics類,3、工具：使用pen、font、xxxbrush、drawxxx、fillxxx等等工具繪制圖形、顯示圖像/文字。 4、pen：設(shè)定線條顏色、寬度、虛實(shí)式樣、陰影、端點(diǎn)式樣等，表17-5。 dim p as new pen(system.drawing.color.red，3) 定義紅色的實(shí)線，寬度為3。 5、font：設(shè)定字體、大小、顏色等，17.2.9節(jié)。 dim f as new font(”宋體”，16，fontstyle.bold) 定義宋體字體，大小為16，粗體。,17.3 graphics類,6、xxxbrush ：設(shè)定填充顏色、式樣，17.2.8節(jié) dim b as new solidbrush(system.drawing.color.blue) 定義實(shí)填充，顏色為黑色。 7、bitmap：設(shè)定圖像文件名 dim bm as new bitmap(圖像文件名) 8、drawxxx ：繪制/顯示，表17-8。 g.drawimage(im，10，20) 顯示圖像文件，左上角坐標(biāo)（10，20）。 g.drawline(p，10，20，190，200) 直線從(10，20)到(190，200)，線條設(shè)定使用p。 g.drawstring(”hello”，f，b，10，20) 顯示hello，起點(diǎn)坐標(biāo)（10，20），字體用f，文字內(nèi)部填充使用b。,17.3 graphics類,8、fillxxx ：填充圖形內(nèi)部，表17-8。 g.fillrectangle(b，60，60，90，100) 填充左上角為(60，60)，右下角為(90，100)的矩形，填充式樣使用b。 例子： 新建項(xiàng)目，增加控件picturebox1，增加控件button1，將上述1-8的代碼放在button1的“click”事件處理過程中。 運(yùn)行時(shí)按button1，出現(xiàn)圖形效果。 將窗口最小化或覆蓋，重新顯示時(shí)圖形不出現(xiàn)。,17.3 graphics類,paint事件：每次窗體重新被顯示時(shí)發(fā)生的事件。 paint()處理過程：每次窗體重新被顯示時(shí)被執(zhí)行的代碼。 例子： 將上述例子中的代碼放在窗體form1或picturebox1的paint事件處理過程中。 效果：圖像一閃就消失。 修改：將g = me.creategraphics 或 g = picturebox1.creategraphics 改成g = e.graphics 效果：圖像正常顯示。,17.3 graphics類,原理： 將原圖形消去，用背景色重畫或使用graphics的clear()成員函數(shù)清除。 在新位置再畫圖形。 例子： 1、新建項(xiàng)目，在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 簡單動(dòng)畫例子,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、運(yùn)行效果：窗體初始顯示一條紅色直線，按下button1，直線移動(dòng)。,17.4 簡單動(dòng)畫例子,新建項(xiàng)目，增加 imports system.math imports system.drawing.color 增加全局變量alfa dim alfa as double alfa是旋轉(zhuǎn)的角度，按弧度計(jì)算。 增加timer控件，將其俄enabled屬性設(shè)置為true 增加timer控件的tick事件，代碼如下： dim g as graphics dim x, y as integer g = me.creategraphics,17.5 時(shí)鐘秒針轉(zhuǎn)動(dòng)例子,dim p1 as new pen(me.backcolor) dim p2 as new pen(red) （100，100）是圓心，50是時(shí)針長度 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