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

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