單元七圖形圖像處理

1、單元七　圖形圖像處理,,7.1 圖形的繪制,7.2 圖形的瀏覽,7.3 動畫制作,[技能目標]1．熟悉Point/Pointf、 Size/Sizef、Rectangle/Rectanglef對象。2．熟悉顏色、畫筆、畫刷的使用方法。3．熟悉Graphics的各種繪繪制圖形的方法4．掌握圖形的平移變換、旋轉(zhuǎn)變換和比例變換的方法。,,【案例7-1】仿Windows畫圖程序,7.1 圖形的繪制,[操作步驟]1.建立一個

2、新的Windows應(yīng)用程序，命名為vbnet7-1。2.在窗體上添加所需控件。3.設(shè)置各控件的相關(guān)屬性,見表7-1。4.編寫代碼。5.調(diào)試運行程序。,7.1 圖形的繪制,7.1 圖形的繪制,添加控件,,,,,,,,Mainmenu控件,,PictureBox控件,ToolBar控件,,,ColorDialog 控件,,5個Button 控件,,,Label 控件,Label 控件,,,StatusBar 控件,,,另還有一個

3、ImageList控件，一個OpenFileDialog控件,為ImageList1控件添加圖標方法,7.1 圖形的繪制,單擊ImageList1的Images屬性右側(cè)的“…”按鈕，彈出右圖所示“Image集合編輯器”對話框，在窗口中單擊“添加”按鈕為ImageList1添加圖標。,7.1 圖形的繪制,各控件屬性設(shè)置表,7.1 圖形的繪制,各控件屬性設(shè)置表,7.1 圖形的繪制,【相關(guān)知識】Ken7.1.1繪圖基礎(chǔ)知識：Poin

4、t/Pointf、Size/Sizef、論 Rectangle/Rectanglef 1. Point/Pointf結(jié)構(gòu) 功能：用于設(shè)置控件在窗體中所在位置的二維坐標點（X，Y）。 區(qū)別：Point使用整數(shù)坐標 Pointf使用單精度浮點數(shù)據(jù)類型坐標。 (1)聲明方法 Dim p As New Point(整數(shù)X，整數(shù)Y) Dim p As

5、New Pointf(單精度浮點X，單精度浮點Y),7.1 圖形的繪制,(2)Point結(jié)構(gòu)其他屬性、方法與功能,7.1 圖形的繪制,,2. Size/Sizef結(jié)構(gòu) 功能：用來表示控件大小。 聲明方法：Dim s As New Size(Width, Height) 3. Rectangle/Rectanglef結(jié)構(gòu) 功能：用來定義一個矩形區(qū)域。 區(qū)別：Rectangle結(jié)構(gòu)的坐標是整型,Rectanglef結(jié)

6、構(gòu)的坐標是浮點型。（1）聲明方法： Dim r As New Rectangle(X,Y,Width,Height) 例如：創(chuàng)建一個左上角X坐標是20，Y坐標是30，寬度是10，高度是15的矩形代碼如下： Dim rec As New Rectangle(20,30,10,15)（2）Rectangle結(jié)構(gòu)主要屬性/方法和功能見表。,7.1 圖形的繪制,Rectangle屬性/方法與功能表,7.1

7、圖形的繪制,Ken7.1.2繪圖基礎(chǔ)知識：顏色、畫筆、畫刷,顏色 顏色用Color結(jié)構(gòu)和Color列舉來表示。Color結(jié)構(gòu)中顏色由4個整數(shù)值Red、Green、Blue和Alpha表示，可分別簡寫成R、G、B、A，表示紅、綠、藍三原色；Alpha表示不透明度。 (1)使用FromArgb方法設(shè)置顏色 格式：Color.FromArgb([A,]R,G,B) 功能：由透明度、紅、綠、藍來調(diào)配顏色。 (2)獲

8、取Color結(jié)構(gòu)的各顏色分量值VB.NET中可獲取對象Color的四個自變量的值，其語法如下：R=對象.Color.RG=對象.Color.GB=對象.Color.B,圖7-3顏色合成原理圖,7.1 圖形的繪制,(3)用Color列舉設(shè)置顏色 使用Color列舉可直接指定系統(tǒng)定的顏色，常用的有Red、Green、Blue、Yellow、Brown、White、Gold、Tomato、Pink、SkyBlue、Orang

9、e等列舉名稱。 使用語法： Color.顏色列舉名稱 例：將Button1控件背景設(shè)成藍色。 Button1.BackColor=Color.Blue,7.1 圖形的繪制,2. 畫筆 畫筆（Pen）可在Graphics畫布對象上繪制圖形，畫筆類中封裝了線條寬度、線條樣式和顏色等。(1)Pen類的主要屬性,7.1 圖形的繪制,(2)聲明畫筆對象 Dim 畫筆對象 As New Pen(顏

10、色 [，粗細]) 或 Dim 畫筆對象 As Pen(3)重新設(shè)置畫筆對象顏色與粗細。 畫筆對象.Color=顏色 畫筆對象.Width=粗細 說明： 當缺省畫筆粗細自變量時，系統(tǒng)默認為1 Pixel(象素)。,7.1 圖形的繪制,3.畫刷(1)SolidBrush畫刷 Dim br As SolidBrush = New SolidBrush(Color.Yellow) ‘定義黃色填

11、充(2)TextureBrush畫刷 Dim bm As New Bitmap("star.ico") ‘指定填充的位圖 Dim brush As New TextureBrush(bm)(3)HatchBrush畫刷 Dim brush As New HatchBrush(HatchStype.Cross,Color.White,Color.Black) 其中第一個參數(shù)是畫刷的填充樣式，第

12、二個參數(shù)定義了填充的前景色，第三個參數(shù)定義了填充的背景色。,7.1 圖形的繪制,Ken7.1.3 Graphics類、Graphics的常用繪圖方法。,1.Graphics類Graphics類可建立一個畫布對象，還可清理和釋放畫布對象。(1)聲明和建立畫布對象Dim畫布對象 As Graphics畫布對象=對象.CreateGraphics()功能：在指定的控件或?qū)ο笾薪⒁粋€可以用繪圖對象繪圖的畫布對象。(2)清理畫布

13、對象若需將畫布對象的內(nèi)容清理，只要設(shè)置畫布對象的底色即可。畫布對象.Clear(顏色)(3)釋放畫布對象畫布對象.Dispose() ‘畫布對象將從內(nèi)存中刪除，不能再被使用,7.1 圖形的繪制,2.Graphics的常用繪圖方法,(1)畫線(DrawLine)方法DrawLine(畫筆，起點Point，終點Point)或DrawLine(畫筆，起點X坐標，起點Y坐標，終點X坐標，終點Y坐標)(2)DrawRectan

14、gle方法DrawRectangle(畫筆，Rectangle對象)(3)DrawEllipse方法DrawEllipse(畫筆,橢圓的外接矩形)或DrawEllipse(畫筆,橢圓的外接矩形左上角X坐標,Y坐標,外接矩形寬度,高度),7.1 圖形的繪制,(4)其它幾種常用方法及語法與功能如表,7.1 圖形的繪制,(5)DrawString方法語法： DrawString(文本,字體,畫刷,X坐標,Y坐標)功能： 繪制

15、字符串文本。(6)填充方法FillRectangle(畫刷, 矩形)‘填充矩形FillEllipse(畫刷, 橢圓的外接矩形)‘填充橢圓FillPolygon(畫刷, 坐標點數(shù)組)‘填充多邊形FillClosedCurve(畫刷, 坐標點數(shù)組)‘填充封閉曲線FillPie(畫刷, 橢圓外接矩形, 開始角度, 掃過角度)‘填充扇形,7.1 圖形的繪制,3.坐標變換(1)平移（TranslateTransform方

16、法）語法：TranslateTransform(X軸方向偏移量，Y軸方向偏移量)功能：用指定的X軸方向和Y軸方向的偏移量進行偏移。若x,y為正值，則畫布向右和向下平移；若x,y為負值，則畫布向左和向上移動。(2)旋轉(zhuǎn)（RotateTransform方法）語法：RotateTransform(旋轉(zhuǎn)角度)功能：旋轉(zhuǎn)變換是指相對坐標原點旋轉(zhuǎn)指定的角度，旋轉(zhuǎn)方向以順時針為正。(3)比例（ScaleTransform）語法：Scal

17、eTransform(X軸比例, Y軸比例)功能：比例變換是指用指定的X軸和Y軸的比例對圖形進行變換。,7.1 圖形的繪制,4.繪制圖形的一般步驟 創(chuàng)建一個Graphics對象后,就可以用Graphics類的方法在窗體上繪制基本圖形了。通常，在VB.NET中繪制圖形包括以下幾點：（1）使用顏色 (2)使用畫筆 (3)使用畫刷（4）使用Graphics類提供的函數(shù)給圖 （5）釋放資源,7.1 圖形的繪制,[知識擴展

18、]1.VB.NET的自定義數(shù)據(jù)類型——結(jié)構(gòu)(1)結(jié)構(gòu)的定義在VB.NET中，用戶可自定義數(shù)據(jù)類型（User-Defined Tyepes，UDT），定義時使用關(guān)鍵字Structure，語法如下：Structure 結(jié)構(gòu)名Public| Dim| Private 類型成員End Structure(2)結(jié)構(gòu)與類的比較VB.NET 統(tǒng)一了結(jié)構(gòu)和類的語法，它們都支持大多數(shù)的相同功能，但結(jié)構(gòu)和類之間也有重要的區(qū)別。,①相同l&

19、#160;        兩者都屬于“容器”類型，表示它們可以包含其他類型作為成員。 l         都有共享的構(gòu)造函數(shù)，有或沒有參數(shù)。②不同l         結(jié)構(gòu)是值類型，而類是引用類型。結(jié)構(gòu)是不

20、可繼承的；而類可以繼承。l         所有的結(jié)構(gòu)成員都默認為 Public；類變量和常量默認為 Private，而其他的類成員默認為 Public。l         結(jié)構(gòu)變量聲明不能指定初始值、New 關(guān)鍵字或數(shù)組初始大小，類變量聲明可以。 l  

21、;       結(jié)構(gòu)從不終止，類可由垃圾回收器終止。l         結(jié)構(gòu)不需要構(gòu)造函數(shù)；而類需要。,7.1 圖形的繪制,7.1 圖形的繪制,2.GDI+（Graphic Device Interface）簡介,VB.NET具有相當強大的圖形圖像功能，在對原有GDI技術(shù)進行改進后，形成了現(xiàn)在

22、集成在VB.NET中的GDI+技術(shù)。 GDI+是圖形設(shè)備接口，它負責(zé)在屏幕和打印機上顯示信息，程序員可利用它來編寫與設(shè)備無關(guān)的應(yīng)用程序。GDI+提供的主要命名空間如下： System.Draw.Desin命名空間 System.Draw.Drawing2D命名空間 System.Draw.Image命名空間 System.Draw.Printing命名空間 System.Draw.Tex

23、t命名空間,7.2 圖形的瀏覽,,【案例7-2】仿圖形瀏覽器,[技能目標]1. 熟悉圖形瀏覽器開發(fā)過程。2. 進一步掌握控件PictureBox、TreeView、ListView控件的應(yīng)用。,[操作步驟]1.建立一個新的Windows應(yīng)用程序，命名為vbnet7-2。2.在窗體上添加所需控件。3.設(shè)置各控件的相關(guān)屬性,見下頁表。4.編寫代碼。5.調(diào)試運行程序。,7.2 圖形的瀏覽,添加控件,,,TreeView控件,

24、ListView控件,,PictureBox 控件,,7.2 圖形的瀏覽,各控件屬性設(shè)置表,7.2 圖形的瀏覽,【相關(guān)知識】Ken7.2.1 PicturBox控件的使用,PictureBox控件主要用于加載圖片，所支持的圖形文件格式有.bmp、GIF、JPEG、.wmf、.ico。 PictureBox控件中顯示的圖片可以設(shè)計階段加載，或在程序執(zhí)行時再加載。設(shè)置圖片源需要使用Image類的FromFile方法，也可利用屬

25、性窗口直接設(shè)置圖片源文件。如果想要執(zhí)行圖片的另存為操作，可以使用Image類的Save方法并指定存儲路徑、名稱以及格式。 如將Dock 屬性設(shè)置為“Fill”，PictureBox就會填充整個窗體，也會自動隨著窗體的變化而改變大小。,7.2 圖形的瀏覽,PictureBox控件常用屬性,7.2 圖形的瀏覽,,【案例7-3】圖形的變換顯示,[技能目標]1. 理解圖形變換的概念。2. 掌握圖形變換程序設(shè)計的思路和技巧。,[操

26、作步驟]1.建立一個新的Windows應(yīng)用程序，命名為vbnet7-3。2.在窗體上添加所需控件。3.設(shè)置各控件的相關(guān)屬性,見表。4.編寫代碼。5.調(diào)試運行程序。,7.2 圖形的瀏覽,添加控件,,Panel控件,Panel控件,,3個Button控件,,,,2個Label控件,,7.2 圖形的瀏覽,各控件屬性設(shè)置表,7.2 圖形的瀏覽,【相關(guān)知識】Ken7.2.1 BitMap類及方法，Panel 控件及方法,1. B

27、itmapBitmap類封裝 GDI+ 位圖，此位圖由圖形圖像及其屬性的像素數(shù)據(jù)組成。Bitmap 對象是用于處理由像素數(shù)據(jù)定義的圖像的對象。方法GetPixel：獲取Bitmap對像中指定像素的顏色。方法SetPixel：設(shè)置Bitmap 對象中指定像素的顏色。,7.2 圖形的瀏覽,2. Panel控件 Panel 是一個包含其他控件的控件(也稱面板)?？梢允褂?Panel來對窗體界面上的控件進行適當?shù)倪壿嫹纸M。

28、 默認情況下，Panel 控件在顯示時沒有任何邊框?？梢杂?BorderStyle 屬性提供標準或三維的邊框。 可以用 AutoScroll 屬性來啟用 Panel 控件中的滾動條。當 AutoScroll 屬性為 true 時，可以滾動顯示Panel 中（但不在其可視區(qū)域內(nèi)）的所有控件。 Invalidate方法： 使控件的特定區(qū)域無效并向控件發(fā)送繪制消息。 Point To Screen方法：將指定工作區(qū)點的位置

29、計算成屏幕坐標。說明： Panel 控件類似于 GroupBox 控件；但只有 Panel 控件可以有滾動條，而且只有 GroupBox 控件顯示標題。,7.3 動畫制作,,【案例7-4】小向?qū)?[技能目標]1. 理解簡單動畫開發(fā)過程。2. 熟悉利用時間變化和繪圖命令設(shè)計動畫程序的技巧。,[操作步驟]1.建立一個新的Windows應(yīng)用程序，命名為vbnet7-4。2.在窗體上添加所需控件。3.設(shè)置各控件的相關(guān)屬性,見

30、表。4.編寫代碼。5.調(diào)試運行程序。,7.3 動畫制作,添加控件,,,label控件,Button控件,,,,7.3 動畫制作,各控件屬性設(shè)置表,7.3 動畫制作,【相關(guān)知識】Ken7.3.1利用Graphics類的基本繪圖命令與Timer控件相結(jié)合制作小動畫,VB.NET能夠利用Graphics類基本繪圖命令制作出豐富多彩的靜態(tài)的圖形，而且能讓靜止的圖形隨著時間變化發(fā)生位置與形狀的改變，產(chǎn)生形象生動的動畫效果。 動

31、畫制作中，時間變化是由Timer控件來實現(xiàn)的，其中Interval屬性值的大小與動畫運行的速度相關(guān)，間隔越小，速度越快。,案例演示,7.3 動畫制作,,[技能目標]1. 熟悉簡單動畫開發(fā)過程。2. 熟悉利用圖形文件設(shè)計動畫程序的技巧。,[操作步驟]1.建立一個新的Windows應(yīng)用程序，命名為vbnet7-5。2.在窗體上添加所需控件。3.設(shè)置各控件的相關(guān)屬性,見表。4.編寫代碼。5.調(diào)試運行程序。,【案例7-5】移動動

32、畫,7.3 動畫制作,添加控件,,,label控件,Button控件,,,,,PictureBox控件,,7.3 動畫制作,各控件屬性設(shè)置表,7.3 動畫制作,【相關(guān)知識】Ken7.3.2 利用圖形文件與Timer控件相結(jié)合制作小動畫,VB.NET中可使用Graphics類的DrawImage方法顯示圖形文件，在不同時間間隔里于不同的位置顯示同一圖形文件會產(chǎn)生視覺上的動畫效果。主要有以下幾種使用方式。DrawImage(Ima