《教學(xué)課件第9章 圖形設(shè)計.ppt》由會員分享，可在線閱讀，更多相關(guān)《教學(xué)課件第9章 圖形設(shè)計.ppt（47頁珍藏版）》請在匯文網(wǎng)上搜索。

1、第第9章章圖形設(shè)計圖形設(shè)計 1本章內(nèi)容本章內(nèi)容n圖形設(shè)計的基礎(chǔ)知識圖形設(shè)計的基礎(chǔ)知識n坐標(biāo)系統(tǒng)、顏色坐標(biāo)系統(tǒng)、顏色n各種繪圖方法和繪圖的基本技巧各種繪圖方法和繪圖的基本技巧n繪圖屬性繪圖屬性n圖形的重繪圖形的重繪 2學(xué)習(xí)目標(biāo)學(xué)習(xí)目標(biāo) n了解了解Visual Basic坐標(biāo)系統(tǒng)的刻度單位坐標(biāo)系統(tǒng)的刻度單位n了解默認坐標(biāo)系了解默認坐標(biāo)系n了解圖形的重繪的方法了解圖形的重繪的方法n理解當(dāng)前坐標(biāo)、顏色值等概念理解當(dāng)前坐標(biāo)、顏色值等概念n掌握自定義坐標(biāo)系的方法掌握自定義坐標(biāo)系的方法n掌握與線寬、線形、填充色、填充樣式有關(guān)的掌握與線寬、線形、填充色、填充樣式有關(guān)的屬性和其使用方法屬性和其使用方法n熟練掌握

2、畫點、矩形、圓、橢圓、圓弧的方法熟練掌握畫點、矩形、圓、橢圓、圓弧的方法n能夠利用本章介紹的繪圖方法，設(shè)計編寫繪制能夠利用本章介紹的繪圖方法，設(shè)計編寫繪制各種簡單幾何圖形的程序各種簡單幾何圖形的程序 39.1 坐標(biāo)系統(tǒng)與顏色坐標(biāo)系統(tǒng)與顏色 n坐標(biāo)系統(tǒng)坐標(biāo)系統(tǒng) nVisual Basic的坐標(biāo)系統(tǒng)與數(shù)學(xué)中的直角坐標(biāo)系的坐標(biāo)系統(tǒng)與數(shù)學(xué)中的直角坐標(biāo)系類似類似nY軸是向下的軸是向下的nVisual Basic的容器對象都有自己的坐標(biāo)系統(tǒng)的容器對象都有自己的坐標(biāo)系統(tǒng)n在容器中放置的其他對象，其在容器中放置的其他對象，其Left、Top屬性就屬性就是相對于容器坐標(biāo)原點的橫坐標(biāo)和縱坐標(biāo)是相對于容器坐標(biāo)原點的

3、橫坐標(biāo)和縱坐標(biāo)n在容器中繪制圖形也是相對于坐標(biāo)系的在容器中繪制圖形也是相對于坐標(biāo)系的n圖形中每個點的位置都由當(dāng)前坐標(biāo)系中的坐標(biāo)來圖形中每個點的位置都由當(dāng)前坐標(biāo)系中的坐標(biāo)來確定確定n坐標(biāo)系不同，圖形的相對位置也不同坐標(biāo)系不同，圖形的相對位置也不同 4刻度單位刻度單位 n容器的容器的ScaleMode屬性確定了使用的刻度單位屬性確定了使用的刻度單位 值值系系統(tǒng)統(tǒng)常量常量單單位位含含義義0vbUserUser用戶自定義。若設(shè)置了用戶自定義。若設(shè)置了ScaleWidth、ScaleHeight、ScaleLeft、ScaleTop屬性，屬性，ScaleMode自動為自動為01vbTwipsTwip（緹

4、）（緹）默認值，默認值，1440 Twip等于等于1英寸英寸2vbPointsPoint（點）（點）72點等于點等于1英寸英寸3vbPixelsPixel（象素）（象素）每英寸象素數(shù)由設(shè)備分辨率確定每英寸象素數(shù)由設(shè)備分辨率確定4vbCharactersCharacter（字符）（字符）1個字符為個字符為1/12英寸寬，英寸寬，1/6英寸高英寸高5vbInchesInch（英寸）（英寸）6vbMillimetersMillimeter（毫米）（毫米）7vbCentimetersCentimeter（厘米）（厘米）5Visual Basic默認坐標(biāo)系默認坐標(biāo)系 n刻度單位是刻度單位是Twipn坐標(biāo)

5、原點（坐標(biāo)原點（0，0）是容器對象工作區(qū)的左上角）是容器對象工作區(qū)的左上角nX軸的方向向右，軸的方向向右，Y軸的方向向下軸的方向向下nScaleWidth和和ScaleHeight屬性屬性 窗體的窗體的Height圖片框的圖片框的Height圖片框的圖片框的ScaleHeight窗體的窗體的ScaleHeight窗體的窗體的Width窗體的窗體的ScaleWidth圖片框的圖片框的ScaleWidth圖片框的圖片框的Width(0,0)(0,0)Y軸軸Y軸軸X軸軸X軸軸6自定義坐標(biāo)系自定義坐標(biāo)系 n容器對象的容器對象的Scale方法方法 n.Scale()()n省略對象名表示是當(dāng)前窗體省略對象

6、名表示是當(dāng)前窗體nx1,y1是對象新坐標(biāo)系下工作區(qū)左上角的坐標(biāo)值是對象新坐標(biāo)系下工作區(qū)左上角的坐標(biāo)值nx2,y2是對象新坐標(biāo)系下工作區(qū)右下角的坐標(biāo)值是對象新坐標(biāo)系下工作區(qū)右下角的坐標(biāo)值n缺省缺省x1,y1和和x2,y2表示恢復(fù)表示恢復(fù)Visual Basic默認坐標(biāo)系默認坐標(biāo)系(-500,400)(500,-400)XY Scale(-500,400)-(500,-400)(-200,300)(500,-100)XYScale(-200,300)-(500,-100)7n例例9-1 運行下面程序，單擊運行下面程序，單擊Command1按鈕移按鈕移動動Text1文本框，然后單擊窗體后再單擊文本框

7、，然后單擊窗體后再單擊Command1按鈕，觀察兩次移動文本框的不同按鈕，觀察兩次移動文本框的不同 Private Sub Command1_Click()Text1.Move 100,200 Text1.Text=寬：寬：&Str(Text1.Width)_&，高：，高：&Str(Text1.Height)End SubPrivate Sub Form_Click()Scale(-100,300)-(500,-100)Line(-100,0)-(500,0)Line(0,300)-(0,-100)CurrentX=0 CurrentY=0 Print OEnd Sub 改變坐標(biāo)系前移動文本框

8、改變坐標(biāo)系前移動文本框改變坐標(biāo)系后移動文本框改變坐標(biāo)系后移動文本框8當(dāng)前坐標(biāo)當(dāng)前坐標(biāo) nCurrentX和和CurrentY屬性記錄當(dāng)前坐標(biāo)位置屬性記錄當(dāng)前坐標(biāo)位置n只能在程序中引用和賦值，不能在屬性窗口中設(shè)置只能在程序中引用和賦值，不能在屬性窗口中設(shè)置 n例如例如nPrivate Sub Form_MouseDown(Button As Integer,Shift As Integer,X As Single,Y As Single)n CurrentX=Xn CurrentY=Yn Print 這是當(dāng)前位置這是當(dāng)前位置nEnd Subn單擊窗體，將從鼠標(biāo)點擊的位置開始，輸出單擊窗體，將從鼠

9、標(biāo)點擊的位置開始，輸出“這是這是當(dāng)前位置當(dāng)前位置”9顏顏 色色 n顏色的表示顏色的表示n屏幕上每個點的顏色由紅、綠、藍屏幕上每個點的顏色由紅、綠、藍3種基色混合而種基色混合而成成n3種基色的比例不同，產(chǎn)生的顏色效果就不同種基色的比例不同，產(chǎn)生的顏色效果就不同n每種基色用一個整數(shù)表示，其取值范圍是每種基色用一個整數(shù)表示，其取值范圍是0255 n3種基色值按一定格式構(gòu)成一個不小于種基色值按一定格式構(gòu)成一個不小于0的整數(shù)即的整數(shù)即顏色值，代表一種顏色顏色值，代表一種顏色n例如例如n0表示黑色表示黑色n十六進制數(shù)十六進制數(shù) H00FFFFFF 表示白色表示白色nH000000FF表示紅色表示紅色 10

10、QBColor函數(shù)函數(shù) n返回返回16種常見顏色的顏色值種常見顏色的顏色值n調(diào)用格式調(diào)用格式nQBColor()顏色碼顏色碼顏色顏色顏色碼顏色碼顏色顏色0黑黑8灰灰1藍藍9亮藍亮藍2綠綠10亮綠亮綠3青青11亮青亮青4紅紅12亮紅亮紅5品工品工13亮品紅亮品紅6黃黃14亮黃亮黃7白白15亮白亮白11RGB函數(shù)函數(shù)n顏色函數(shù)顏色函數(shù)RGB可以指定可以指定3種基色所占的成分來獲得一個顏色值種基色所占的成分來獲得一個顏色值n調(diào)用格式調(diào)用格式nRGB(,)nRed、Green、Blue分別是基色紅、綠、藍在顏色中所占的成分分別是基色紅、綠、藍在顏色中所占的成分n它們的取值范圍都是它們的取值范圍都是02

11、55n某個基色數(shù)值越大，表示該基色在顏色中的成分越多某個基色數(shù)值越大，表示該基色在顏色中的成分越多 顏色顏色紅紅綠綠藍藍例例顏色顏色紅紅綠綠藍藍例例黑黑000RGB(0,0,0)黃黃255 2550RGB(255,255,0)紅紅25500RGB(255,0,0)紫紫2550255RGB(255,0,255)綠綠02550RGB(0,255,0)青青0255255RGB(0,255,255)藍藍00255RGB(0,0,255)白白255 255255RGB(255,255,255)12顏色的應(yīng)用顏色的應(yīng)用n例例9-2 通過文本框輸入基色值，或通過滾動條設(shè)置基色值來改變圖片通過文本框輸入基色值

12、，或通過滾動條設(shè)置基色值來改變圖片框的背景色。框的背景色。n分析分析n需要使用需要使用3個文本框和個文本框和3個滾動條個滾動條n3個滾動條的個滾動條的Min、Max屬性都分屬性都分 別設(shè)置為別設(shè)置為0和和255n滾動塊的位置（滾動塊的位置（Value屬性）值作屬性）值作 為為RGB函數(shù)的參數(shù)，獲得顏色值函數(shù)的參數(shù)，獲得顏色值n滾動塊的位置值與文本框內(nèi)的數(shù)值應(yīng)動態(tài)保持一致滾動塊的位置值與文本框內(nèi)的數(shù)值應(yīng)動態(tài)保持一致n界面設(shè)計界面設(shè)計控件類型控件類型控件名稱控件名稱用途用途控件類型控件類型名稱名稱用途用途屬性設(shè)置屬性設(shè)置文本框文本框TRed輸入輸入/顯示紅色值顯示紅色值滾動條滾動條HSRed改變紅

13、色值改變紅色值Min=0，Max=255文本框文本框TGreen輸入輸入/顯示綠色值顯示綠色值滾動條滾動條HSGreen改變綠色值改變綠色值Min=0，Max=255文本框文本框TBlue輸入輸入/顯示藍色值顯示藍色值滾動條滾動條HSBlue改變藍色值改變藍色值Min=0，Max=255圖片框圖片框Picture1演示顏色效果演示顏色效果13nPrivate Sub HSRed_Scroll()n TRed.Text=HSRed.Valuen Picture1.BackColor=RGB(HSRed.Value,HSGreen.Value,HSBlue.Value)nEnd SubnPriva

14、te Sub HSGreen_Scroll()n TGreen.Text=HSGreen.Valuen Picture1.BackColor=RGB(HSRed.Value,HSGreen.Value,HSBlue.Value)nEnd SubnPrivate Sub HSBlue_Scroll()n TBlue.Text=HSBlue.Valuen Picture1.BackColor=RGB(HSRed.Value,HSGreen.Value,HSBlue.Value)nEnd SubnPrivate Sub TBlue_Change()n HSBlue.Value=Val(TBlue.T

15、ext)nEnd SubnPrivate Sub TGreen_Change()n HSGreen.Value=Val(TGreen.Text)nEnd SubnPrivate Sub TRed_Change()n HSRed.Value=Val(TRed.Text)nEnd Sub 149.2 圖形的繪制與清除圖形的繪制與清除n有兩種方式可以在容器對象上繪制圖形有兩種方式可以在容器對象上繪制圖形n利用圖形控件繪制簡單圖形利用圖形控件繪制簡單圖形n只能畫出簡單圖形，但編程比較簡單只能畫出簡單圖形，但編程比較簡單直線、圓、矩形等直線、圓、矩形等n利用容器對象的繪圖方法在容器上畫圖形利用容器對象的

16、繪圖方法在容器上畫圖形n比較靈活，可以畫出各種復(fù)雜圖形比較靈活，可以畫出各種復(fù)雜圖形n繪制過程需要設(shè)計算法，編程相對復(fù)雜繪制過程需要設(shè)計算法，編程相對復(fù)雜 15畫線與矩形的方法畫線與矩形的方法 n畫直線線段與畫矩形需要使用容器對象的畫直線線段與畫矩形需要使用容器對象的Line方法方法 n調(diào)用格式調(diào)用格式n.Line Step(,)Step(,),BF n缺省對象表示當(dāng)前窗體缺省對象表示當(dāng)前窗體nx1，y1是線段起點坐標(biāo)，或矩形左上角坐標(biāo)是線段起點坐標(biāo)，或矩形左上角坐標(biāo)若前面有若前面有Step，表示相對于當(dāng)前坐標(biāo)的相對位置，表示相對于當(dāng)前坐標(biāo)的相對位置缺省缺省x1，y1則表示起點為當(dāng)前坐標(biāo)則表示起點為當(dāng)前坐標(biāo)nx2，y2是線段終點坐標(biāo)，或矩形右下角坐標(biāo)是線段終點坐標(biāo)，或矩形右下角坐標(biāo)Step的含義與起點的相同的含義與起點的相同n顏色是畫線的顏色，省略則用容器對象的前景色畫線顏色是畫線的顏色，省略則用容器對象的前景色畫線nB表示畫矩形表示畫矩形nF必須與必須與B聯(lián)用，表示用前面的顏色值來填充矩形，省略聯(lián)用，表示用前面的顏色值來填充矩形，省略F則由則由FillColor和和FillStyle