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

為了準備設定 [開啟檔案] 對話方塊和 [色彩] 對話方塊 (用來選擇背景色彩)，在這個步驟中，您會將 [OpenFileDialog] 元件和 [ColorDialog] 元件加入至表單。

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

本主題的影像版本，請參閱教學課程 1： 建立圖片檢視器中 Visual Basic-視訊 3 或 教學課程 1： 建立圖片檢視器中 C#-視訊 3。

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

1. 移至 [Windows Form 設計工具]，開啟 [工具箱] 中的 [對話方塊] 群組。

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

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

   對話方塊元件

   

3. 移至 [Windows Form 設計工具]，按一下設計工具底部的灰色方塊中的 [openFileDialog1] 圖示。 設定兩個屬性：

   • 將 [Filter] 屬性設定為下列值 (您可以複製及貼上)：JPEG Files (*.jpg)|*.jpg|PNG Files (*.png)|*.png|BMP Files (*.bmp)|*.bmp|All files (*.*)|*.*

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

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

若要繼續或檢視

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

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