第11章圖程序設(shè)計(jì)

1、 第第1111章章 圖形程序設(shè)計(jì)圖形程序設(shè)計(jì)11.2 11.2 坐標(biāo)系統(tǒng)坐標(biāo)系統(tǒng)11.3 11.3 繪圖屬性繪圖屬性11.4 11.4 圖形方法圖形方法11.1 11.1 圖形基礎(chǔ)圖形基礎(chǔ)重點(diǎn)：重點(diǎn)：1.1.坐標(biāo)系統(tǒng)的建立坐標(biāo)系統(tǒng)的建立 2.2.繪圖屬性繪圖屬性 3.3.圖形方法圖形方法 11.1.1 矢量圖形矢量圖形矢量圖形以數(shù)學(xué)的矢量方式來(lái)記錄圖形內(nèi)容。它的內(nèi)容以線條與色塊為主。矢量圖形文件最常用的類型有兩種：分別是標(biāo)準(zhǔn)型（.wmf）和增強(qiáng)型（.emf）。11.1.2 位圖圖形位圖圖形位圖式圖象是由許多點(diǎn)組成的，這些點(diǎn)稱為像素，當(dāng)許許多多不同顏色的點(diǎn)組合在一起便構(gòu)成了一幅完整的圖象。位圖圖

2、形文件最常用的類型有位圖文件(bitmap)：位圖通常以.bmp或 .dib為文件擴(kuò)展名。圖標(biāo)文件(icon)：以.ico為文件擴(kuò)展名。jpeg文件：jpeg是一種支持 8 位和 24 位顏色的壓縮位圖格式。它是 internet 上一種流行的文件格式。以.jpg為文件擴(kuò)展名。gif文件：gif是一種壓縮位圖格式。它可支持多達(dá) 256 種的顏色，是 internet 上一種流行的文件格式。以.gif為文件擴(kuò)展名。 在vb應(yīng)用程序的設(shè)計(jì)過(guò)程中，圖形處理的內(nèi)容基本包括：在應(yīng)用程序中插入圖片、使用vb圖形控件創(chuàng)建圖形和使用vb圖形方法繪制圖形。11.1 11.1 圖形基礎(chǔ)圖形基礎(chǔ) 11.2.1 vb

3、的缺省坐標(biāo)系統(tǒng)的缺省坐標(biāo)系統(tǒng) 在vb中，用戶界面上凡是可以作為容器的控件對(duì)象，都帶有一個(gè)由系統(tǒng)為其設(shè)定的（缺省）坐標(biāo)系統(tǒng)，例如窗體上的（缺省）坐標(biāo)系統(tǒng)，定義網(wǎng)格上的位置：(x, y)，x 值是沿 x 軸點(diǎn)的位置，最左端是缺省位置 0。y 值是沿 y 軸點(diǎn)的位置，最上端是缺省位置 0。也就是說(shuō)：坐標(biāo)系的原點(diǎn)是在窗體的作上角（其實(shí)，任何容器的缺省坐標(biāo)系統(tǒng)，都是這樣的類型）。該坐標(biāo)系統(tǒng)的圖示在圖 11-1中。o(0,0)x軸y軸坐標(biāo)原點(diǎn)11.2 11.2 坐標(biāo)系統(tǒng)坐標(biāo)系統(tǒng) 11.2.2 建立自己的坐標(biāo)系統(tǒng)建立自己的坐標(biāo)系統(tǒng)一改變坐標(biāo)軸刻度改變坐標(biāo)軸刻度 1.通過(guò)改變控件對(duì)象的通過(guò)改變控件對(duì)象的sca

4、lemode屬性值屬性值 。 對(duì)象的scalemode屬性的取值及描述如下表所示： 0用戶定義。 1緹。這是缺省刻度。1，440 緹等于一英寸 2磅。72 磅等于一英寸 3像素。像素是監(jiān)視器或打印機(jī)分辨率的最小單位。每英寸里像素的數(shù)目由設(shè)備的分辨率決定 4字符。打印時(shí)，一個(gè)字符有 1/6 英寸高、1/12 英寸寬 5英寸 6毫米 7厘米2.使用scaletop、scaleleft 、scalewidth以及scaleheight屬性 (x1,y1)(x2,y2)例如： form1.scale(-16，16)-(16，-16)可建立和前頁(yè)一樣的坐標(biāo)系。二重新定義新的坐標(biāo)系統(tǒng)二重新定義新的坐標(biāo)系統(tǒng)

5、 一個(gè)更有效的改變坐標(biāo)系統(tǒng)的途徑，是使用 scale 方法。scale 方法的語(yǔ)法格式如下： 對(duì)象名對(duì)象名. scale (x1. scale (x1，y1)y1)（x2x2，y2y2） 1.currentx、currenty當(dāng)前坐標(biāo)屬性當(dāng)前坐標(biāo)屬性 窗體或圖形框的currentx、currenty屬性給出在繪圖時(shí)的當(dāng)前坐標(biāo)，currentx，currenty確定了下一次打印或繪圖的水平及垂直坐標(biāo)。 11.3 11.3 繪圖屬性繪圖屬性 2.fillstyle 2.fillstyle 屬性屬性 fillstyle fillstyle 屬性屬性的提供了若干預(yù)定義的填充樣式圖案，其中包括：實(shí)線、透

6、明、水平線、垂直線、左上右下對(duì)角線、左下右上對(duì)角線、十字線和對(duì)角十字線。下表給出了fillstyle 屬性的取值、意義描述以及具體的填充樣例： fillstyle fillstyle 屬性值屬性值 描述描述 填充樣式填充樣式 3.fillcolor 3.fillcolor 屬性屬性 fillcolor 屬性用于設(shè)置封閉圖形內(nèi)部的填充顏色。設(shè)計(jì)時(shí)，可以通過(guò)以下顏色函數(shù)指定色彩。1.rgb(紅,綠,藍(lán))函數(shù),紅、綠、藍(lán)三基色使用0255之間的整數(shù)。例如：rgb(0,0,0)為黑色 rgb(255, 255, 255)為白色隨機(jī)顏色：r=int(rnd*256) g=int(rnd*256) b=i

7、nt(rnd*256) rgb(r，g, b)2. . qbcolor(顏色碼),顏色碼使用015之間的整數(shù)。隨機(jī)顏色：qbcolor（int(rnd*16) 4.drawstyle 屬性屬性窗體或圖形框的drawstyle 屬性用于設(shè)置在其上面畫線的樣式，該屬性提供7種直線樣式如下表所示：drawstyle 屬性值屬性值 描述描述 線段樣式線段樣式 5.drawwidth 屬性屬性窗體或圖形框的drawwidth 屬性用于設(shè)置在其上面畫線的寬度或畫點(diǎn)的大小，drawwidth 屬性所設(shè)置的線寬寬度以象素為單位，最小值為1。 11.4.1 line方法方法 line方法用于在窗體或圖形框上繪制

8、直線或矩形，其語(yǔ)法格式為：對(duì)象名對(duì)象名. line step (x1,y1)(x2,y2),顏色顏色,bf其中：對(duì)象即為窗體或圖形框。 (x1,y1) ，(x2,y2)為線段的起終點(diǎn)坐標(biāo)或矩形的左上角右下坐標(biāo)。顏色為可選參數(shù)，指定畫線的顏色，缺省取對(duì)象的前景顏色，即forecolor屬性值。 b表示畫矩形，f表示用畫矩形的顏色來(lái)填充矩形。 關(guān)鍵字step表示采用當(dāng)前作圖位置的相對(duì)位移量，即從當(dāng)前坐標(biāo)移動(dòng)相應(yīng)的步長(zhǎng)后所得的點(diǎn)為畫線起點(diǎn)。11.4 11.4 圖形方法圖形方法 例11-5使用line方法繪制矩形。 在本例題中，首先在用戶界面設(shè)計(jì)窗口設(shè)置窗體的高度（height屬性）為3400，寬度（

9、width屬性）為2750，背景顏色（backcolor屬性）為白色。編寫如下的窗體單擊事件程序代碼：private sub form_click()line (20, 40)-(1500, 2000), , bline (200, 400)-step(2000, 2000),vbred, bf end sub本程序運(yùn)行結(jié)果如圖所示。 11.4.2 circle方法方法 circle方法用于在窗體或圖形框上畫圓、橢圓、圓弧和扇形。其語(yǔ)法格式為：對(duì)象名. circle step (x,y),半徑,顏色,起始角,終止角,長(zhǎng)短軸比率其中：(x,y)為圓心坐標(biāo)，step表示采用當(dāng)前作圖位置的相對(duì)值；參

10、數(shù)起始角、終止角用于設(shè)置繪制圓?。划?dāng)在起始角、終止角取值前加一負(fù)號(hào)時(shí)，表示畫圓心到圓弧的徑向線，即繪制扇形；參數(shù)長(zhǎng)短軸比率控制繪制橢圓時(shí)橫軸與縱軸的比例關(guān)系，其默認(rèn)值為1，即為畫圓。 例11-6 使用circle方法的程序。直接編寫窗體單擊事件程序代碼如下： private sub form_click()const pi = 3.1415926form1.scale (0, 0)-(60, 40)form1.circle (10, 10), 8 繪制圓form1.circle (35, 15), 10, , pi / 2, pi 繪制圓弧form1.fillstyle = 0 設(shè)置填充樣式為

11、實(shí)填充form1.fillcolor = vbred 設(shè)置填充顏色為紅色form1.circle (50, 15), 10, , -pi / 6, -pi * 5 / 6 繪制具有填充效果的扇形form1.fillstyle = 1 設(shè)置填充樣式為虛填充form1.circle (15, 30), 12, , , , 0.3 繪制x-長(zhǎng)軸橢圓form1.circle (45, 30), 8, , , , 3 繪制x-短軸橢圓end sub 該程序運(yùn)行結(jié)果如圖所示： 11.4.3 pset方法方法pset方法用于在窗體或圖形框上畫點(diǎn)，其語(yǔ)法格式如下： 對(duì)象名對(duì)象名.pset step (x，y)

12、 ，顏色，顏色例11-8 使用pset方法在窗體上的任意位置畫任意顏色的、大小為110之間任意值的點(diǎn)。直接編寫窗體單擊事件如下：private sub form_click()dim i as integer, x as double, y as doublerandomizefor i = 1 to 100 form1.forecolor = rgb(int(rnd * 255), int(rnd * 255), int(rnd * 255) x = rnd * form1.scalewidth y = rnd * form1.scaleheight form1.drawwidth = int(1 + rnd * 30) pset (x, y)next i end sub 例：重新定義窗體的坐標(biāo)系為(-7, 7)-(7, -7)。在窗體上繪制如圖2所示圖形，其中直線的顏色是隨機(jī)的，直線的一端為坐標(biāo)(0,0)，另一端坐標(biāo)用阿基米德方程計(jì)算：x=i*cos(i) , y=i*sin(i)i=02，步長(zhǎng)為0.1。 private sub command3_click()scale (-7, 7)-(7, -7) for i = 0 to 2 * 3.14 step 0.1 r = int(rnd * 256) g = int(rnd * 256) b = in