VB6.0基礎(chǔ)教程之第14章圖形設(shè)計(jì).ppt

圖形設(shè)計(jì)是大多數(shù)應(yīng)用程序設(shè)計(jì)中非常重要的一個(gè)環(huán)節(jié)。圖形表達(dá)的意思更完整、更準(zhǔn)確，可以為應(yīng)用程序的界面增加情趣和藝術(shù)效果。 VB6為程序設(shè)計(jì)者提供了非常豐富的繪圖功能。設(shè)計(jì)程序時(shí)，不僅可以使用VB提供的圖形控件畫圖，還可以調(diào)用圖形方法繪制豐富多彩的藝術(shù)圖形。,第11章 圖形設(shè)計(jì),圖形設(shè)計(jì)基礎(chǔ)知識(shí) 圖形控件 繪圖方法 與繪圖有關(guān)的常用屬性、事件和方法,內(nèi)容：,1.坐標(biāo)系統(tǒng) VB的坐標(biāo)系用于在二維空間定義容器對(duì)象(如窗體和圖片框)中點(diǎn)的位置。像數(shù)學(xué)中的坐標(biāo)系一樣，VB的坐標(biāo)系也包含坐標(biāo)原點(diǎn)、x和y坐標(biāo)軸。,11.1 圖形設(shè)計(jì)基礎(chǔ),x,y,(0,0),刻度單位 VisualBasic中坐標(biāo)軸的缺省刻度單位是緹(Twip)，用戶可以根據(jù)實(shí)際需要使用ScaleMode屬性改變刻度單位。ScaleMode屬性取值:,0-User 用戶自定義，ScaleHeight、ScaleWidth、ScaleTop、ScalcLen屬性 1-Twip 緹(缺省值)，1440緹等于一英寸 2-Point 點(diǎn)，72點(diǎn)等于一英寸 3-Pixel 像素，表示分辨率的最小單位 4-Character 字符 5-Inch 英寸 6-Millimeter 毫米 7-Centimeter 厘米,例: FormlScaleMode = 3 設(shè)置窗體坐標(biāo)系的刻度單位為像素,改變坐標(biāo)系 VB提供了一系列屬性和方法，用戶可改變坐標(biāo)系的原點(diǎn)和坐標(biāo)軸的方向。 ScaleLeft和ScaleTop屬性：重定義對(duì)象的左上角坐標(biāo)，改變坐標(biāo)系的原點(diǎn)位置。 ScaleWidth和ScaleHeight屬性：改變?nèi)萜鲗?duì)象高度和寬度的刻度單位。這一刻度單位是由ScaleWidth和ScaleHeight屬性的值和容器對(duì)象內(nèi)部顯示區(qū)域的當(dāng)前尺寸決定的。,Scale方法：重新設(shè)置各種容器對(duì)象的坐標(biāo)系統(tǒng)。 使用格式： .Scale (x1,y1)-(x2,y2) Scale方法用于將容器對(duì)象的左上角坐標(biāo)定義為(x1,y1)，右下角坐標(biāo)定義為(x2,y2)。不帶任何參數(shù)調(diào)用Scale方法，可以將坐標(biāo)系還原成系統(tǒng)缺省的坐標(biāo)系。 x1、y1的值決定了ScaleLeft和ScaleTop屬性的值；而(x1,y1)與(x2,y2)兩點(diǎn)x坐標(biāo)的差值和y坐標(biāo)的差值，分別決定了ScaleWidth和ScaleHeight屬性的值。 例如，Picturel.Scale(5,10)-(300,300)用于將圖片框的左上角的坐標(biāo)定義為(5,10)，右下角的坐標(biāo)定義為(300,300)。,當(dāng)前坐標(biāo) 當(dāng)在容器中繪制圖形或輸出結(jié)果時(shí)，經(jīng)常要將它們定位在某一希望的位置，這就必須獲得某一點(diǎn)的坐標(biāo)，即當(dāng)前坐標(biāo)。VB使用CurrentX和CurrentY屬性設(shè)置或返回當(dāng)前坐標(biāo)的水平坐標(biāo)和垂直坐標(biāo)。 例如，在點(diǎn)(200,200)處顯示“當(dāng)前坐標(biāo)為(200,200)”，可以使用以下語(yǔ)句： Form1.CurrentX = 200 Form1.CurrentY= 200 Form1.Print ”當(dāng)前坐標(biāo)為(200,200)”,與位置和大小有關(guān)的屬性 對(duì)象的屬性Left、Top、Width、Height決定其在容器對(duì)象中的位置和大小。 對(duì)于Form、Printer和Screen對(duì)象，這些屬性值總是以緹為單位，它們表示對(duì)象的外邊界的位置或大小，如窗體的Width屬性和Height屬性代表窗體外部高度和寬度，包括邊框和標(biāo)題欄。 對(duì)對(duì)象內(nèi)部可視區(qū)域的操作或計(jì)算，要使用ScaleLeft、ScaleTop、ScaleHeight和ScaleWidth屬性。,2. 顏色 VB的對(duì)象常帶有顏色屬性。用戶可以在設(shè)計(jì)階段和運(yùn)行階段對(duì)顏色屬性進(jìn)行設(shè)置。 VB的顏色屬性值是一個(gè)四字節(jié)的長(zhǎng)整型(Long)數(shù)，其中最低的三個(gè)字節(jié)分別對(duì)應(yīng)于構(gòu)成顏色的三原色：紅、綠、藍(lán)。以十進(jìn)制表示，它們的取值范圍從0到255。 通過(guò)合理地調(diào)配三原色所占的比例，可以得到豐富多彩的顏色。VB為用戶提供了多種獲取和設(shè)置顏色值的方法。,在設(shè)計(jì)階段設(shè)置顏色 對(duì)象的屬性窗口列出了該對(duì)象的所有屬性。其中與顏色有關(guān)的屬性(如BackColor、ForeColor)的名稱中都帶有Color。要為對(duì)象的屬性設(shè)置顏色值，只需在屬性窗口設(shè)置 。,在運(yùn)行階段設(shè)置顏色 (1)使用RGB函數(shù) 使用RGB函數(shù)獲取一個(gè)長(zhǎng)整型(Long)的RGB顏色值。格式為： RGB(red，green，blue) 例如，F(xiàn)ormlBackColor=RGB(255，0，0)用于將窗體的背景色設(shè)置為紅色。 (2)使用QBColor函數(shù) 使用QBColor函數(shù)從16種顏色中選擇一種顏色，返回選中顏色的RGB顏色值。格式為： QBColor(value) value是介于0到15的整數(shù)，value值及其代表的顏色。,(3)使用顏色常量 ， VB將經(jīng)常使用的顏色值定義為內(nèi)部常量。內(nèi)部常量可以被直接引用，而無(wú)須重新定義。 例如，F(xiàn)orml.BackColor=vbRed 用于將窗體的背景色設(shè)置為紅色. (4) SHIY使用顏色的十六進(jìn)制表示值 VB內(nèi)部使用16進(jìn)制數(shù)代表指定的顏色。用戶可以根據(jù)16進(jìn)制數(shù)顏色屬性賦值。,BB、GG和RR分別介于00到FF之間，BB代表藍(lán)色分量，GG代表綠色分量，RR代表紅色分量。 例如，F(xiàn)ormlBackColor =&H0000FF&用于將窗體的背景色設(shè)置為紅色,&H00BBGGRR&,(5)使用系統(tǒng)顏色 VB允許在應(yīng)用程序中直接引用系統(tǒng)顏色設(shè)置窗體和控件的顏色屬性。這樣的好處是：如果用戶在控制面板中改變了系統(tǒng)顏色，應(yīng)用程序中被引用的相應(yīng)顏色也會(huì)隨著變化，保持了與系統(tǒng)的一致性。 在VB中系統(tǒng)顏色有兩種表示方法，一種是用內(nèi)部常量；另一種是用十六進(jìn)制表示的四字節(jié)長(zhǎng)整型數(shù)。 用十六進(jìn)制表示的系統(tǒng)顏色值的第一個(gè)字節(jié)為80，其余字節(jié)指定的是一種系統(tǒng)顏色。,圖形控件用于在對(duì)象(窗體、圖片框)中繪制特定形狀的圖形，如圓、直線等。圖形控件的屬性，既可以在設(shè)計(jì)階段設(shè)置，也可以在運(yùn)行階段由程序動(dòng)態(tài)地改變。 11.2.1 Shape控件 Shape控件用于在窗體或圖片框中繪制常見的幾何圖形。通過(guò)設(shè)置Shape控件的Shape屬性 可以畫出多種圖形。 0(缺省值) vbShapeRectangle 矩形 1 vbShapeSquare 正方形 2 vbShapeOval 橢圓形 3 vbShapeCircle 圓形 4 vbShapeRoundedRectangle 圓角矩形 5 vbShapeRoundedSquare 圓角正方形,11.2 圖形控件,11.2.2 Line控件 Line控件為用戶提供了在容器對(duì)象中畫直線的方法。簡(jiǎn)單地改變Line控件的BorderStyle屬性即可畫出多種線型的直線。 0 vbTransparent 透明, 忽略BorderWidth屬性 1 vbBSSolid (缺省值)實(shí)線，邊框處于形狀邊緣的中心 2 vbBSDash 虛線，當(dāng)BorderWidth為1時(shí)有效 3 vbBSDot 點(diǎn)線，當(dāng)BorderWidth為1時(shí)有效 4 vbBSDashDot 點(diǎn)劃線，當(dāng)BorderWidth為1時(shí)有效 5 vbBSDashDotDot 雙點(diǎn)劃線，當(dāng)BorderWidth為1時(shí)有效 6 vbBSInsideSolid 內(nèi)收實(shí)線，邊框的外邊界就是形狀的 外邊緣,另外，可以用BorderColor屬性設(shè)置直線的顏色。但當(dāng)BorderStyle屬性為“0”(透明)時(shí)，將忽略BorderColor屬性的設(shè)置值。使用Line控件的X1、Y1、X2、Y2屬性可以設(shè)置直線的起 點(diǎn)和終點(diǎn)。,11.3.1 畫點(diǎn)方法(Pset) 用于在對(duì)象的指定位置,用以特定的顏色畫點(diǎn). 格式: .PSet Step (x, y) , 其中，：要繪制點(diǎn)的容器對(duì)象名稱，如窗體、圖片框等，缺省為當(dāng)前窗體。 (x, y)：欲繪制點(diǎn)的坐標(biāo)，可以是任何數(shù)值表達(dá)式。 ：繪制點(diǎn)的顏色值。如果沒(méi)有包括顏色參數(shù)，PSet方法用容器對(duì)象的前景顏色畫點(diǎn)。 Step：可選項(xiàng)，帶此參數(shù)時(shí)，(x,y)是相對(duì)于當(dāng)前坐標(biāo)點(diǎn)的坐標(biāo)。當(dāng)前坐標(biāo)可以是最后的畫圖位置，也可以由CurrentX和CurrentY設(shè)定。執(zhí)行PSet方法后，(x, y)成為當(dāng)前坐標(biāo)。 PSet方法繪制的點(diǎn)的大小受其容器對(duì)象的DrawWidth屬性的影響。,11.3 繪圖方法,11.3.2 畫直線、矩形方法(Line) Line方法用于畫直線和矩形。使用格式如下： .Line Step (xl, y1)-Step x2, y2) ,BF ：要繪制直線或矩形的容器對(duì)象名稱，如窗體、圖片框等，缺省為當(dāng)前窗體。 (x1,y1)：可選項(xiàng)，起點(diǎn)坐標(biāo)。如果省略，圖形起始于由CurrentX和CurrentY指示的位置。 (x2,y2)：終點(diǎn)坐標(biāo)。 Step：可選項(xiàng)，當(dāng)在(x1,y1)前出現(xiàn)Step時(shí)，表示(x1,y1)是相對(duì)于由CurrentX和CurrentY指示的位置；當(dāng)在(x2,y2)前出現(xiàn)時(shí)，表示(x2,y2)為相對(duì)于圖形起點(diǎn)的終點(diǎn)坐標(biāo)。 ：直線或矩形的顏色，如果省略，則使用ForeColor屬性的值作為直線或矩形的顏色。 B：可選項(xiàng)，如果選擇了B，則以(x1,y1)、(x2,y2)為對(duì)角坐標(biāo)畫出矩形。 F：可選項(xiàng)，如果使用了B參數(shù)后再選擇F參數(shù)，則規(guī)定矩形以矩形邊框的顏色填充。如果不使用F參數(shù)只使用B參數(shù)，則矩形用當(dāng)前容器對(duì)象的FillColor和FillStyle填充。FillStyle的缺省值為1-Transparent(透明)。不能只選擇F參數(shù)而不選擇B參數(shù)。 畫連續(xù)直線時(shí)，前一條直線的終點(diǎn)就是后一條直線的起點(diǎn)。線的寬度取決于DrawWidth屬性值。執(zhí)行Line方法后，當(dāng)前坐標(biāo)(CurrentX和CurrentY屬性)被設(shè)置在終點(diǎn)坐標(biāo)(x2,y2)處。,11.3.3 畫圓方法(Circle) Circle方法用于在對(duì)象上畫圓形、橢圓形、圓弧和扇形。使用格式如下： .Circle step (x, y), , ：可選項(xiàng)，要繪制圖形的容器對(duì)象名稱，如窗體、圖片框等，缺省為當(dāng)前窗體。 Step：可選項(xiàng)，帶此參數(shù)時(shí)，點(diǎn)(x,y)是相對(duì)于當(dāng)前位置(由CurrentX和CurrentY屬性決定)的坐標(biāo)點(diǎn)，否則為絕對(duì)坐標(biāo)。 (x,y)：圓、橢圓、弧或扇形的圓心坐標(biāo)。 ：圓、橢圓、弧或扇形的半徑。若為橢圓，則為最長(zhǎng)軸的尺寸。,：可選項(xiàng)，圓、橢圓、弧或扇形的邊框顏色值。如果省略，則圖形邊框使用容器對(duì)象的ForeColor屬性值。 ：可選項(xiàng)，指定弧的起點(diǎn)位置(以弧度為單位)。取值范圍從-22； ：可選項(xiàng)，指定弧的終點(diǎn)位置(以弧度為單位)。取值范圍從-22，缺省為2。弧的畫法是從起點(diǎn)逆時(shí)針畫到終點(diǎn)。 ：可選項(xiàng)，圓的縱軸和橫軸的尺寸比。缺省值為1，表示畫一個(gè)標(biāo)準(zhǔn)圓。當(dāng)縱橫比大于1時(shí)，橢圓的縱軸比橫軸長(zhǎng)；當(dāng)縱橫比小于1時(shí)，橢圓的縱軸比橫軸短。 除圓心坐標(biāo)和半徑外，其他參數(shù)均可省略，但若省略的是中間參數(shù)，則逗號(hào)必須保留。 執(zhí)行Circle方法后，當(dāng)前位置(CurrentX和CurrentY屬性)的值被設(shè)置成圓心的坐標(biāo)值。,VB中有許多與繪圖有關(guān)的屬性、事件和方法，設(shè)置屬性可以改變圖形的顏色、線形和填充樣式；合理使用這些事件和方法，可以得到事半功倍的效果。,11.4 與繪圖有關(guān)的常用屬性、事件和方法,11.4.1 清除圖形方法(Cls) Cls方法用于清除對(duì)象中生成的圖形和文本，將光標(biāo)復(fù)位，即移到原點(diǎn)。 使用格式為： .Cls 例如，F(xiàn)orml.Cls 可清除窗體中的圖形和文本。,11.4.2 線寬(DrawWidth)屬性和線型(DrawStyle)屬性 1. DrawWidth屬性 用于設(shè)置圖形方法輸出的線寬。線寬的取值范圍從1到32767，以像素為單位。缺省值為1，即一個(gè)像素寬。 如果DrawWidth屬性值大于1，畫出的圖形是實(shí)線；如果DrawWidth屬性值等于1，可以畫各種線型。 2. DrawStyle屬性 用于設(shè)置圖形方法輸出的線型，其取值與相應(yīng)的線型。 0 vbSolid (缺省)實(shí)線 1 vbDash 虛線 2 vbDot 點(diǎn)線 3 vbDashDot 點(diǎn)劃線 4 vbDashDotDot 雙點(diǎn)劃線 5 vbInvisible 無(wú)線 6 vbInsideSolid 內(nèi)收實(shí)線,11.4.3 填充顏色(FillColor)屬性和填充樣式(FillStyle)屬性 1FillColor屬性 設(shè)置FillColor屬性可以改變填充圖形的顏色。編程時(shí)可為FillColor屬性賦值。 2FillStyle屬性 FillStyle屬性設(shè)置Shape控件所畫圖形的填充樣式，也可以設(shè)置由Circle和Line圖形方法生成的封閉圖形的填充樣式。 0 vbFSSo1id 實(shí)心 1 vbFSTransparent (缺省值)透明 2 vbHorizontalLine 水平直線 3 vbVerticalLine 垂直直線 4 vbUpwardDiagonal 上斜對(duì)角線 5 vbDownwardDiagonal 下斜對(duì)角線 6 vbCross 十字線 7 vbDiagonalCross 交叉對(duì)角線 如果FillStyle設(shè)置為1(透明)，則忽略FillColor屬性，F(xiàn)orm對(duì)象除外。,11.4.4 自動(dòng)重畫(AutoRedraw)屬性 應(yīng)用程序在運(yùn)行時(shí)