步驟 7：將對話方塊元件加入至您的表單

若要讓程式開啟圖片檔及選擇背景色彩，您要在這個步驟中，將 OpenFileDialog 元件和 ColorDialog 元件加入至表單。

元件在某些方面就像控制項一樣。您可以使用 [工具箱] 將元件加入至表單，並使用 [屬性] 視窗設定該元件的屬性。但與控制項不同，將元件加入至表單並不會加入可讓使用者在表單上看見的項目。相反地，只會提供可讓您透過程式碼來觸發的某些行為。它是一個可開啟 [開啟檔案] 對話方塊的元件。

如需觀看本主題的影片版本，請參閱教學課程 1：在 Visual Basic 中建立圖片檢視器 - 影片 3 或教學課程 1：在 C# 中建立圖片檢視器 - 影片 3。這些影片使用舊版 Visual Studio，因此有一些功能表命令以及某些使用者介面項目會有些微差異。不過，概念和程序在目前 Visual Studio 版本中的運作方式雷同。

若要將對話方塊元件加入至您的表單

1. 選擇 Windows 表單設計工具 (Form1.cs [設計] 或 Form1.vb [設計])，然後開啟工具箱中的 [對話方塊] 群組。

   注意事項
   [工具箱] 中的 [對話方塊] 群組包含可開啟許多實用對話方塊的元件，可用來開啟和儲存檔案、瀏覽資料夾及選擇字型和色彩。您在本專案中會使用兩個對話方塊元件：[OpenFileDialog] 和 [ColorDialog]。

2. 若要將稱為 [openFileDialog1] 的元件加入至表單，請按兩下 [OpenFileDialog]。若要將稱為 [colorDialog1] 的元件加入至表單，請按兩下 [工具箱] 中的 [ColorDialog] (您在下一個教學課程步驟中會用到該元件)。您應該會看到 [Windows Form 設計工具] 底部 (在 [圖片檢視器] 表單下方) 的區域，您在其中加入的兩個對話方塊元件各有一個圖示，如下圖所示。

   對話方塊元件

   

3. 選擇 [Windows 表單設計工具] 最下方區域中的 openFileDialog1 圖示。設定兩個屬性：

   • 將 [篩選條件] 屬性設定為下列值 (您可以複製並貼上)：

     JPEG Files (*.jpg)|*.jpg|PNG Files (*.png)|*.png|BMP Files (*.bmp)|*.bmp|All files (*.*)|*.*
     

   • 將 [Title] 屬性設定為下列值：選取圖片檔案

     [篩選條件] 屬性設定會指定要在 [選取圖片檔案] 對話方塊中顯示的檔案類型。

   注意事項
   若要查看不同應用程式中的 [開啟檔案] 對話方塊範例，請開啟 [記事本] 或 [小畫家]，並在功能表列上選擇 [檔案]、[開啟舊檔]。請注意底部的 [檔案類型] 下拉式清單。您剛才已使用 [OpenFileDialog] 元件的 [Filter] 屬性來設定此清單。另外，請注意 [屬性] 視窗中的 [Title] 和 [Filter] 屬性都是粗體。IDE 這樣做是為了讓您知道任何屬性已變更，而不再是預設值。

若要繼續或檢視

• 若要移到下一個教學課程步驟，請參閱步驟 8：為顯示圖片按鈕事件處理常式撰寫程式碼。

• 若要回到上一個教學課程步驟，請參閱步驟 6：命名您的按鈕控制項。