VB表单图形输出教学.ppt

新觀念的 VB6 教本 第13章 表單的圖形輸出系統 13-1 座標系統 座標系統 座標系統的目的在於標定物件或輸出物(文字或圖形)的位置。 VB 的座標系統是以螢幕的左上角為原點 (0,0)，而 X 值向右遞增，Y 值向下遞增。 要特別注意的是 Y 值與數學座標系統的習慣相反，數學上的 Y 值向下是遞減，向上才是遞增。 相對性的座標(1) 表單的座標是以螢幕的左上角為原點，而決定表單座標的屬性是 (Left, Top)。 此圖是我們將 Left 屬性設定為 1500、Top 屬性設定為 900 之後，表單執行時所顯示的結果。 相對性的座標(2) 而當我們在表單上佈置控制元件時，也可以利用 Left 及 Top 屬性來決定控制元件的座標，但此時的座標是以表單顯示區的左上角為原點。 相對性的座標(3) 請注意，除了控制元件之外，凡是在表單上面輸出的文字及圖形也都是以表單顯示區的左上角為相對座標。 座標的單位 -- 座標的疑問 您是否注意到上面所看到的座標位置、寬度、及高度值都很大，遠大於一般 VGA 螢幕的解析度， VGA 的解析度通常是 640×480、800×600、1024×768 等，而我們在前面所看到的座標位置均已超過螢幕的解析度，這到底是怎麼回事呢？ 座標的單位 -- 疑問的解答(1) 那是 VB 為了製作出更細緻的圖形而選擇了較小座標單位的關係，以解析度為 640×480 的 VGA 為例，畫出一個半徑等於 2 公分的圓，外觀上會有明顯的鋸齒狀，同樣以 600×600 dpi 的印表機來輸出 2 公分的圓，則顯得精緻許多。 座標的單位 -- 疑問的解答(2) 如圖： 為了能夠在解析度較高的裝置上輸出更精緻的圖形，所以 VB 選擇了一種很小的單位叫做 Twip 作為座標的單位。 Twip 座標單位 Twip 是表單座標系統的內定座標單位，除了 Twip 之外，VB 還允許我們選擇其他的座標單位，例如像素點(pixel)、英吋、公分等，不過為了避免對初學者產生困擾，本書暫時不予討論，總之以 Twip 為座標單位比較能夠適用於更多的輸出裝置，所以也是 VB 最鼓勵的方式。 什麼是 dpi？ dpi：dot per inch 的縮寫，意思是每英吋的點數，例如 600 dpi 表示每一英吋可以印出 600點，而 600×600 dpi 表示每一平方英吋的小方格內可印出600×600=360000 的點，所以解析度非常高。 什麼是像素點(pixel)？ 像素點(pixel)：像素點是衡量螢幕解析度的單位，以解析度為 640×480 的 VGA 螢幕為例，指的就是含有 640×480 個像素點的 VGA 螢幕。 13-2 輸出顏色的設定 輸出顏色的設定(1) 我們前面以 Print 敘述所輸出的文字都是黑色的，但其實不管是文字或圖形，輸出的顏色都是可設定的，欲設定輸出的顏色可以從表單的幾個屬性著手。 輸出顏色的設定(2) BackColor(背景顏色)：即是用來設定表單的背景顏色。 ForeColor(前景顏色)：將來文字或圖形在表單上面輸出時，所選擇的顏色，其內定值是黑色，所以我們平常執行 Print 敘述之後，所看到的文字都是黑色。 輸出顏色的設定(3) FillColor(塗抹顏色)：繪圖時，用來塗抹圖形區域的顏色。 FillStyle(塗抹樣式)：繪圖時，用來指定是否塗抹圖形區域的屬性。 若等於 “0 - 實心”，則以 FillColor 屬性的顏色來塗抹圖形區域。 若等於 1 - 透明，則不去塗抹圖形區域，也就是保持原來的顏色。 輸出顏色的設定(4) 輸出顏色的設定(5) 在設計模式之下，我們可以利用屬性視窗來設定這些顏色的屬性 。 在執行模式之下，則可以透過屬性設定的敘述來設定這些顏色，例如： 輸出顏色的設定(6) 如何決定顏色設定值呢？ 方法之一是先在設計模式之下試著設定一些顏色，並且把滿意顏色的屬性值記錄下來，作為執行時的顏色設定值，這個方法我們在第四章已經做過介紹。 另一個方法則是利用 RGB 函數。 RGB 函數 RGB 函數的呼叫格式是： RGB 三原色的意義(1) R、G、B 三個英文字母代表的是組成各種顏色變化的三原色 Red (紅)、Green(綠)、Blue(藍) 。 舉例來說，紅色與綠色會組合成黃色。 又三原色的強度也會影響組合出來的顏色。 例如綠色的強度只有一半時，與紅色組合出來的顏色會變成橘色。 RGB三原色的意義(2) RGB函數的參數 (1) 傳入 RGB 函數的 R、G、B 三個參數，即是紅、綠、藍三原色的強度，而 RGB 的傳回值則是組合出來的顏色設定值，又參數 R、G、B 的強度值是 0～255，超過 255 的