顯示圖形

發行項
08/21/2008

更新：2007 年 11 月

在本課程中，您將學習如何使用 Visual Basic 中的圖形方法在表單上繪圖。

在先前的課程中，您已經學會如何使用 PictureBox 控制項顯示圖片。如果您已經有圖片，那種作法還行得通，但是有時您可能要直接在表單上畫點東西。例如，您可能要畫一條直線來隔開兩個欄位，或是畫圓圈來強調重要的標籤。

在 Visual Basic 中，您可以使用「圖形方法」(Graphics Method) 在表單或控制項上繪製任何圖形。

圖形基本概念

在您開始繪製以前，必須先知道幾件事情。電腦螢幕是由數千個稱為「像素」(Pixel) 的小點所組成，程式會藉由定義每一個像素的顏色，控制顯示在螢幕上影像。當然，這項工作大部分都已經由定義表單和控制項的程式碼為您完成了。

請將表單視為畫布，您可以在上面繪製，就像在真實的畫布上繪製一樣，表單也有維度 (Dimension)。但真實的畫布是以英吋或公分來衡量，而表單則是以像素來衡量。「座標」(Coordinate) 系統會決定各個像素所在的位置，以「X 座標」衡量從左到右的位置，而以「Y 座標」衡量從上到下的位置。

座標是從表單的左上角開始，因此如果您要繪製向左 10 個像素且向下 10 個像素的一點，就以 X 和 Y 座標表示為 10, 10。

像素也可以用來表示圖形的寬度和高度。若要定義 100 個像素寬且 100 個像素高的方塊，而且其左上角為向左 10 個像素且向下 10 個像素，您就要將座標表示成 10, 10, 100, 100。

在螢幕上描繪的動作，稱為「繪製」。表單和控制項都具有 Paint 事件，每當必須重新繪製時就會發生這個事件。例如，當表單初次顯示時，或是當它被另一個視窗覆蓋時。您所撰寫來顯示圖形的任何程式碼通常是包含在 Paint 事件處理常式中。

繪製線條

若要繪製一條橫跨表單的直線，您必須要定義兩樣東西：座標及顏色。如上所述，X 和 Y 座標是以像素表示。一條直線有兩組座標：開始位置和結束位置。

就像使用筆在紙上畫線條一樣，Visual Basic 是使用 Pen 物件在表單上進行繪製。Pen 物件會定義線條的外觀；在本範例中，是定義其顏色。在以下的程序中，您將會在表單上繪製水平、垂直和對角線。

試試看！

若要繪製線條

在 [檔案] 功能表上，選取 [新增專案]。
在 [新增專案] 對話方塊的 [範本] 窗格中，按一下 [Windows 應用程式]。
在 [名稱] 方塊中，輸入 Lines，再按 [確定]。

會開啟新的 Windows Form 專案。
按兩下表單，開啟 [程式碼編輯器]，然後從 [事件] 下拉式清單中選取 [Paint]。

在 [Form1_Paint] 事件處理常式中，加入下列程式碼。

' Draw a 400 pixel black line 25 pixels from the top of the form.
e.Graphics.DrawLine(Pens.Black, 0, 25, 400, 25)
' Draw a 500 pixel red line 100 pixels from the left of the form.
e.Graphics.DrawLine(Pens.Red, 100, 0, 100, 500)
' Draw a diagonal blue line from the upper left to the lower right.
e.Graphics.DrawLine(Pens.Blue, 0, 0, Me.Width, Me.Height)