VB程序設(shè)計第六章課件

1、第六章圖形圖像處理第2頁本章目標能夠掌握Visual Basic語言中的關(guān)于圖形圖像處理的基本方法掌握各類圖形控件的使用熟練使用相關(guān)的繪圖方法繪制基本的圖形，設(shè)置顏色、線型、填充樣式掌握利用圖形和圖像控件及相關(guān)方法顯示圖片或者制作小型動畫的方法第3頁任務(wù)1美麗的電視發(fā)射塔本任務(wù)使用VB的各類圖形方法在窗體上繪制一組圖案。程序運行開始，就在窗體上顯示出綠色的電視發(fā)射塔身和不斷發(fā)散開來的彩色電波。鼠標在窗體的任意位置單擊后，計算機屏幕上擦除所有圖形。 第4頁任務(wù)分析該任務(wù)我們要研究以下內(nèi)容坐標系統(tǒng)的建立標準圖形控件繪圖屬性的設(shè)置圖形方法第5頁任務(wù)分析坐標系統(tǒng)的建立在VB 中每個容器都有一個坐標系，

2、以便實現(xiàn)對對象的定位。坐標原點、坐標度量單位和坐標軸的方向是坐標系統(tǒng)的三要素。默認坐標系第6頁任務(wù)分析坐標系統(tǒng)的建立自定義坐標系Scale方法可以幫助我們設(shè)置一個坐標系語法：對象名.Scale xLeft,yTop)-(xRright,yBottom)對象名：可以是窗體、圖形框或打印機，默認為帶有焦點的當前窗體。Step：表示采用當前作圖位置的相對值。( xLeft,yTop)：對象的左上角的坐標值。xRight,yBottom)：對象的右下角的坐標值。第7頁任務(wù)分析坐標系統(tǒng)的建立設(shè)置繪圖坐標繪圖方法的水平或垂直坐標設(shè)置。語法：對象名.CurrentX=x對象名.CurrentY=yx:確定水

3、平坐標的數(shù)值。y:確定垂直坐標的數(shù)值。第8頁任務(wù)分析標準圖形控件在工具箱上有兩個比較重要的圖形控件，形狀控件（Shape控件）和畫線工具控件（Line控件）。使用以上兩個控件可繪制多種圖形和線條。在工具箱上可以看到這兩個控件。第9頁任務(wù)分析標準圖形控件形狀控件（Shape控件）用于在窗體上繪制矩形、橢圓、圓形、圓角矩形或者圓角正方形。Shape: 定義Shape的形狀。 語法：對象名. Shape=Value 第10頁任務(wù)分析標準圖形控件畫線工具控件（Line控件）修飾窗體和顯示直線?？梢栽诖绑w或其他容器控件中畫出水平線、垂直線或者對角線。語法：對象名.X1=value對象名.Y1=value

4、對象名.X2=value對象名.Y2=value通過(X1,Y1)和(X2,Y2)兩點畫一條直線。第11頁任務(wù)分析標準圖形控件程序代碼中引用Shape控件和Line控件會受到以下限制：Shape控件和Line控件沒有事件，在運行中不能響應(yīng)系統(tǒng)產(chǎn)生的事件或用戶操作。Shape控件和Line控件只有有限的屬性和方法，在實際中很少使用，但改變它們的屬性值可以產(chǎn)生各種視覺效果。Shape控件和Line控件沒有TabIndex屬性，運行時不能用鼠標或鍵盤訪問這些控件。第12頁任務(wù)分析繪圖屬性的設(shè)置設(shè)置線寬DrawWidth設(shè)置所畫線的寬度或點的大小。以像素為度量單位，最小值為1。語法：對象名. Draw

5、Width =Value 設(shè)置線型DrawStyle設(shè)置所畫線的形狀。根據(jù)所賦的數(shù)值繪制圖形的線條樣式發(fā)生該變。語法：對象名. DrawStyle =ValueValue的值決定其線型的樣式，設(shè)置值如表6-2。第13頁任務(wù)分析繪圖屬性的設(shè)置設(shè)置繪圖模式屬性DrawMode用于返回或設(shè)置一個值，以決定圖形方法的輸出外觀或者Shape及Line控件的外觀，具體的說，就是設(shè)置一種所畫形狀的顏色與屏幕已存在顏色的合成方式。語法：對象名. DrawMode =ValueValue的值決定其顏色合成樣式，Value的值取116之間 第14頁任務(wù)分析繪圖屬性的設(shè)置設(shè)置邊框BorderStyle屬性設(shè)置或返回

6、對象的邊框樣式。語法：對象名. BorderStyle =ValueValue的值決定其線型的樣式BorderWidth屬性設(shè)置和返回控件對象邊框的寬度。語法：對象名. BorderWidth =ValueValue的值決定其線型的樣式，設(shè)置值范圍為18192之間。BorderColor屬性設(shè)置和返回控件對象邊框的顏色。語法：對象名.BorderColor=colorcolor:值或常數(shù)，用來確定邊框顏色 第15頁任務(wù)分析繪圖屬性的設(shè)置設(shè)置色彩BackColor：返回或設(shè)置背景色語法：對象名.BackColor=colorForeColor：返回或設(shè)置前景色語法：對象名.ForeColor=c

7、olor設(shè)置顏色使用RGB函數(shù)或者QBColor函數(shù) 語法：RGB(red,green,blue) 參數(shù)說明Red,green,bule分別代表顏色中的紅、綠、藍色成分，數(shù)值范圍都為0255 語法：QBColor(Value) Value的值取015之間的整數(shù)值，每個值代表一種顏色。 第16頁任務(wù)分析繪圖屬性的設(shè)置設(shè)置填充效果FillColor：指定填充圖案的顏色語法：對象名. FillColor=color默認情況下，F(xiàn)illColor屬性值設(shè)置為0（黑色），除Form對象外，如果FillStyle屬性設(shè)置為默認值1（透明），則忽略FillColor屬性設(shè)置值。FillStyle：設(shè)置填充圖

8、案的樣式語法：對象名. FillStyle=value第17頁任務(wù)分析圖形方法使用圖形方法能使圖形設(shè)計更方便，并減少程序代碼。用圖形方法創(chuàng)建圖形是在程序代碼中進行的，繪圖效果需要在運行應(yīng)用程序時才能看到。對于界面上的簡單繪圖，圖形方法不能代替圖形控件的作用。第18頁任務(wù)分析圖形方法Pset方法功能：在指定對象的指定位置畫指定顏色的點。語法：對象名.Pset(x,y),Color對象名：表示點繪制于的對象，可以是窗體、圖形框或打印機，默認為當前窗體。( x,y)：點的坐標。Color：設(shè)置點的顏色，默認值為前景色。如果設(shè)置點的顏色為背景色就可以擦除該點。第19頁任務(wù)分析圖形方法Line方法功能：

9、在對象的兩個指定點之間畫指定顏色的直線、矩形或填充框。語法：對象名.Line Step( x1,y1)- Step( x2,y2) ,Color ,BF對象名：直線繪制于的對象，可以是窗體或圖形框，默認為當前窗體。Step：表示采用當前作圖位置的相對值。(x1,y1)：為線段的起點坐標或矩形的左上角坐標。(x2,y2)：為線段的終點坐標或矩形的右下角坐標。Color：線段或矩形的顏色B：表示畫矩形。F：表示用畫矩形的顏色來填充舉行，F(xiàn)必須與關(guān)鍵字B一起使用。如果只用B不用F，則矩形的填充由FillColor和FillStyle屬性決定。第20頁任務(wù)分析圖形方法Circle方法功能：畫圓、橢圓、

10、扇形、圓弧或楔形餅塊。語法：對象名.CircleStep( x,y),半徑,Color,起始點,終止點 ,長短軸比率對象名：同上。Step：表示采用當前作圖位置的相對值。(x,y)：為圓心坐標。Color：線段或矩形的顏色。第21頁任務(wù)分析圖形方法Circle方法(續(xù))對象名.CircleStep( x,y),半徑,Color,起始點,終止點 ,長短軸比率起始點、終止點：圓弧和扇形通過參數(shù)起始點和終止點控制，采用逆時針方向繪弧，以弧度為單位，取值在02之間，當在起始點和終止點前加一負號時，表示畫出圓心到圓弧的徑向線。參數(shù)前出現(xiàn)的負號并不能改變繪圖時坐標系中旋轉(zhuǎn)方向，該旋轉(zhuǎn)方向總是起始點按逆方向

11、畫到終止點。長短軸比率：指定所畫橢圓的水平長度和垂直長度比。該參數(shù)是正的浮點數(shù)，不能為負?？刂评L制的圖形是圓還是橢圓。小于1，橢圓沿垂直軸拉長；大于1，橢圓沿水平軸拉長。默認值為1，表示繪制圓形。第22頁任務(wù)分析圖形方法Cls方法用于清除運行時窗體或圖形框所生成的圖形和文本。語法：對象名.Cls對象名：表示圖形繪制于的對象，默認為當前窗體。注意：設(shè)計時放在窗體上的用Picture屬性設(shè)置的背景位圖或其上的控件不受影響，設(shè)置AutoReDraw的屬性值為True的情況下運行的文本和圖形也不受影響。第23頁任務(wù)實施創(chuàng)建新工程從工具箱中選擇定時器控件拖入窗體設(shè)置窗體及控件的屬性對象控件名屬性名屬性值

12、FormForm1Caption圖形控件的使用AutoreDrawTrueTimerTimer1Interval100第24頁任務(wù)實施在代碼窗口編寫事件代碼并保存、運行源代碼DrawWidth = 1 設(shè)置線寬PSet (ScaleWidth / 3, 1000) 在三分之一寬度和高度1000處畫點ForeColor = RGB(0, 255, 0) 設(shè)置前景色為綠色For i = 1 To 50 Step 5 設(shè)置循環(huán)生成直線DrawWidth = i 設(shè)置直線寬度值為循環(huán)變量Line -Step(0, ScaleHeight / 10) 從當前位置按步幅ScaleHeight / 10畫線

13、Next iDrawWidth = 1 重新設(shè)置線寬FillStyle = 6 設(shè)置填充樣式為十字線FillColor = ForeColor 設(shè)置填充線的顏色為前景色Circle (ScaleWidth / 3, 2000), 300, , , , 0.5 畫橫向橢圓第25頁任務(wù)設(shè)計完成效果第26頁任務(wù)2帶有節(jié)日提醒的個性月歷設(shè)計生成一個窗體，創(chuàng)建一個能夠翻頁的月歷，顯示對應(yīng)的月份，并顯示所有的節(jié)日列表。執(zhí)行程序，在展開的窗體中拖動滾動條可以看到左邊圖片和月份顯示的變化，拖動文本框的上下和左右滾動條即可查看節(jié)日列表。 第27頁任務(wù)分析該任務(wù)我們要研究以下內(nèi)容:圖片框控件圖像框控件裝載圖片和保

14、存圖片函數(shù)第28頁任務(wù)分析圖片框(PictureBox)控件該控件作為其他控件的容器，可以顯示圖形方法或Print方法的輸出。圖片框控件可用來顯示各種圖形，而且支持多種圖片格式，如位圖（.bmp/.dib）、圖標（.ico）、圖元文件（.wmf）、增強形圖元文件（.emf）、JPEG格式（.jpg）或GIF格式（.gif）文件等。第29頁任務(wù)分析圖片框(PictureBox)控件Picture屬性語法：對象名.Picture=picture對象名：對象表達式。picture：字符串表達式，指定一個包含圖片的文件。第30頁任務(wù)分析圖片框(PictureBox)控件添加圖片的兩種方法如下:在設(shè)計時

15、加載在屬性窗口中找到Picture屬性。單擊右邊的“”按鈕，就會出現(xiàn)打開文件對話框，選擇要添加的圖片。在運行時加載在運行時可以通過Loadpicture函數(shù)來設(shè)置Picture屬性，也可以將其他控件的Picture值賦給PictureBox控件的Picture屬性。第31頁任務(wù)分析圖片框(PictureBox)控件Autosize屬性設(shè)置圖片框的大小是否隨著加載圖形的大小而自動變化。語法：對象名.Autosize=Boolean對象名：對象表達式。boolean：一個用來指定是否能夠調(diào)整圖形大小的布爾表達式。第32頁任務(wù)分析圖像框(Image)控件圖像控件也可以用來顯示圖形。圖像控件可以顯示的

16、格式包括位圖、圖標、圖元文件、增強形圖元文件、JPEG或GIF文件。圖像控件還可以響應(yīng)Click事件，可代替命令按鈕，或作為工具條的項目。第33頁任務(wù)分析圖像框(Image)控件Picture屬性功能：用于返回或設(shè)置控件中要顯示的圖片。語法：對象名.Picture=picture對象名：對象表達式。picture：字符串表達式，指定一個包含圖片的文件 第34頁任務(wù)分析圖像框(Image)控件Stretch 屬性功能：用于返回或設(shè)置一個值，用來指定圖形是否要調(diào)整大小以適應(yīng)Image控件的大小。語法：對象名.Stretch=boolean對象名：對象表達式。boolean：一個用來指定是否能夠調(diào)整

17、圖形大小的布爾表達式。注意：Stretch 屬性和Autosize屬性的不同之處在于前者調(diào)整圖片適應(yīng)圖像框控件，后者調(diào)整圖片框控件適應(yīng)圖片。第35頁任務(wù)分析圖像框(Image)控件圖像控件使用的系統(tǒng)資源比圖片框控件少，而且重新繪圖速度快，但它只支持圖片控件的一部分屬性、事件和方法，而圖片框控件具有作為其他控件提供容器和支持圖形方法的功能。圖像控件和圖片框控件支持相同的圖片格式，但是圖像控件中可以調(diào)整圖片的大小使之適合控件的大小，而在圖片框控件中卻不能這樣做。第36頁任務(wù)分析圖像處理函數(shù)LoadPicture函數(shù)功能：將圖形載入各類控件的Picture屬性或Icon屬性中.語法：LoadPict

18、ure(FileName,Size,Colorepth,x,y)FileName：字符串表達式知道能夠一個文件名，可以包括文件夾和驅(qū)動器，如果未指定文件名，LoadPicture清除圖像或PictureBox控件。才使用x和y。例如：Form1.Icon=LoadPicture(“c:tpheart.ico”)第37頁任務(wù)分析圖像處理函數(shù)SavePicture函數(shù)功能：將對象或控件的Picture或Image屬性的圖形保存到文件中。語法：SavePicture Picture,stringexpressionPicture:產(chǎn)生圖形的圖片框控件或圖像框控件名。Stringexpression:要保存的圖形文件名。例如：SavePicture Image1,”d:ssabc.jpg”將對象Image1中的圖片保存到D盤ss文件夾下的名為abc.jpg文件中。第38頁任務(wù)分析小型動畫的實現(xiàn)：圖像框和圖片框與定時器結(jié)合，利用定時器的時間間隔屬性設(shè)置，在圖像框和圖片框中不斷裝載不同的圖片就會在視覺上產(chǎn)生圖片的動態(tài)效果。第39頁任務(wù)實施創(chuàng)建新工程從工具箱中選擇控件拖入窗體第40頁任務(wù)實施設(shè)置窗體及控件的屬性對