顯示影像：使用 PictureBox 控制項
更新：2007 年 11 月
在本課程中，您將學習如何使用 PictureBox 控制項來顯示影像，以及如何顯示圖片做為表單上的背景影像。
有句話說：「一幅圖畫勝過千言萬語」。其實很多程式也都是使用圖片傳達資訊。有許多種方式可以在 Visual Basic 中顯示圖片，其中最常用的方式就是使用 PictureBox 控制項。
PictureBox 控制項基本上是做為圖片的容器。您可以透過設定 Image 屬性，選擇要顯示的圖片。Image 屬性可以在 [屬性] 視窗中設定，也可以撰寫程式碼，告知程式所要顯示的圖片。
PictureBox 控制項其他有用的屬性還包括：AutoSize 屬性 (可決定是否將 PictureBox 自動延伸成圖片大小)，以及 SizeMode 屬性 (可用來自動延伸、置中或縮放 PictureBox 控制項之中的影像)。
加入圖片至 PictureBox 控制項以前，一般都要先加入圖片檔至專案中做為「資源」。將資源加入至專案之後，您就可以任意重複使用該項資源。例如，您可能想要在幾個不同的位置顯示相同的圖片。
試試看！
若要加入圖片做為資源
在 [檔案] 功能表上，按一下 [新增專案]。
在 [新增專案] 對話方塊中，按一下 [範本] 窗格中的 [Windows 應用程式]。
在 [名稱] 方塊中，輸入 Pictures，再按 [確定]。
會開啟新的 Windows Form 專案。
在 [方案總管] 視窗中，按兩下 [我的專案] 節點，以開啟 [專案設計工具]。
在 [專案設計工具] 中，按一下 [資源] 索引標籤。
按一下 [加入資源]，然後從下拉式清單中選取 [加入現有檔案]。
[將現有的檔案加入資源] 對話方塊隨即開啟。如果看不到任何圖片檔，請瀏覽至包含圖片的資料夾。
選取影像檔 (副檔名為 .bmp、.gif 或 .jpg 的檔案)，然後按一下 [開啟]。在本範例中練習，最好是挑選小圖片。
圖片將加入至您的專案中，然後就會出現在 [資源管理員] 視窗中。
重複上述兩個步驟，加入第二張圖片至專案中。
在 [檔案] 功能表中，按一下 [關閉]。如果詢問您是否要儲存變更，請按一下 [是]。
若要使用 PictureBox 控制項顯示圖片
在 [方案總管] 中，選取 [Form1.vb]，然後在 [檢視] 功能表中，按一下 [設計工具]。
從 [工具箱] 將 PictureBox 控制項拖曳到表單上。
在 [屬性] 視窗中，按一下 Image 屬性旁邊的 … 按鈕，以開啟 [選取資源] 對話方塊。
從 [項目] 清單中，選取您加入的其中一張圖片，然後按一下 [確定]。
選取 SizeMode 屬性，然後設定為 AutoSize。
請注意，PictureBox 控制項會自動重新調整成圖片的大小。
在表單中，按兩下 PictureBox 控制項，即可在 [程式碼編輯器] 中開啟 PictureBox1_Click 事件處理常式。
將下列程式碼加入至 PictureBox1_Click 事件處理常式：
.gif "注意事項")
注意事項：您將需要用先前所加入第二張圖片的實際名稱取代 "MyPictureName2"。
PictureBox1.Image = My.Resources.MyPictureName2請按 F5 執行應用程式。出現表單時，按一下圖片，讓第二張圖片顯示。
在表單上顯示背景影像
除了在 PictureBox 控制項中顯示圖片以外，您也可以將圖片顯示為表單的背景。表單的 BackgroundImage 屬性是用來顯示將出現在表單上任何其他控制項之後的圖片，跟 Windows 桌面上的底色圖案極其類似。
就像 Windows 讓您能夠選擇桌布為置中、並排顯示或自動延展以填滿螢幕，BackgroundImageLayout 屬性也可以用來在表單上進行相同的工作。
| 秘訣 |
|---|
其他許多控制項，例如 Panel、GroupBox，甚至是 Button 控制項也都具有 BackgroundImage 屬性。請試一試，看結果如何！ |
試試看！
若要在表單上顯示背景影像
在 [方案總管] 中，選取 [Form1.vb]，然後在 [檢視] 功能表中，按一下 [設計工具]。
按一下 PictureBox 之外任何一處選取表單。
在 [屬性] 視窗中，按一下 BackgroundImage 屬性旁邊的 … 按鈕，以開啟 [選取資源] 對話方塊。
從 [項目] 清單中，選取您先前加入的其中一張圖片，然後按一下 [確定]。
請注意，這張圖片會顯示在表單上 PictureBox 之後，並按照預設並排顯示。
注意事項：如果 PictureBox 控制項中的圖片太大，您就看不到背景圖片。在本範例中，請選取 PictureBox 控制項，並拖曳至表單底部，讓它不會妨礙作業。
選取 BackgroundImageLayout 屬性，然後設定為 Stretch。
請注意，圖片會自動延伸以填滿整個表單。
按兩下這份表單，開啟 [程式碼編輯器]。
確定已在左邊下拉式清單方塊中選取 [Form1 事件]，然後在右邊下拉式清單方塊中按一下 [Click]。
將下列程式碼加入至 Form1_Click 事件處理常式：
If Me.BackgroundImageLayout = ImageLayout.Stretch Then Me.BackgroundImageLayout = ImageLayout.Center Else Me.BackgroundImageLayout = ImageLayout.Stretch End If請按 F5 執行應用程式。出現表單時，按一下以變更配置。
後續步驟
在本課程中，您學會如何使用 PictureBox 控制項顯示影像，以及如何使用表單的 BackgroundImage 屬性。在下一個課程中，您將學習如何建立功能表，提供使用者各種選擇。
下一個課程：提供使用者選擇：在設計階段建立功能表