C#練習(xí)創(chuàng)建圖片編輯器Word版

1、傳播優(yōu)秀Word版文檔 ，希望對您有幫助，可雙擊去除！教程 1：創(chuàng)建圖片查看器Visual Studio 2010 在本教程中，您將生成一個從文件加載圖片并將其顯示在窗口中的程序。 您將學(xué)習(xí)如何拖動控件（如窗體上的按鈕和圖片框）、設(shè)置控件屬性，以及如何使用容器來平滑地調(diào)整窗體的大小。 您還將開始編寫代碼。 您將學(xué)習(xí)如何： 創(chuàng)建新項目。 測試（調(diào)試）應(yīng)用程序。 向窗體中添加基本控件（如復(fù)選框和按鈕）。 使用布局在窗體上定位控件。 向窗體中添加“打開文件”和“顏色”對話框。 使用 IntelliSense 和代碼段編寫代碼。 編寫事件處理程序方法。 當(dāng)您完成時，程序?qū)㈩愃葡聢D所示。 在本教程中創(chuàng)建

2、的圖片 說明 在本教程中，同時涉及 Visual C# 和 Visual Basic，因此請關(guān)注特定于您使用的編程語言的信息。 相關(guān)主題 標(biāo)題 說明 步驟 1：創(chuàng)建 Windows 窗體應(yīng)用程序項目 首先創(chuàng)建 Windows 窗體應(yīng)用程序項目。 步驟 2：運(yùn)行程序 運(yùn)行您在上一步中創(chuàng)建的 Windows 窗體應(yīng)用程序。 步驟 3：設(shè)置窗體屬性 使用“屬性”窗口更改窗體的顯示方式。 步驟 4：使用 TableLayoutPanel 控件設(shè)置窗體布局 向窗體中添加 TableLayoutPanel 控件。 步驟 5：向窗體添加控件 向窗體中添加 PictureBox 和 CheckBox 之類的控

3、件。 向窗體中添加按鈕。 步驟 6：命名按鈕控件 將按鈕重命名為更有意義的名稱。 步驟 7：向窗體添加對話框組件 向窗體中添加“OpenFileDialog”組件和“ColorDialog”組件。 步驟 8：為“顯示圖片”按鈕事件處理程序編寫代碼 使用 IntelliSense 工具編寫代碼。 步驟 9：檢查代碼、為代碼添加注釋和測試代碼 檢查并測試代碼。 根據(jù)需要添加注釋。 步驟 10：創(chuàng)建其他按鈕和復(fù)選框 使用 IntelliSense 編寫代碼以使其他按鈕和復(fù)選框工作。 步驟 11：運(yùn)行程序并試用其他功能 運(yùn)行程序并設(shè)置背景顏色。 嘗試其他功能，例如更改顏色、字體和邊框。 步驟 1：創(chuàng)建

4、 Windows 窗體應(yīng)用程序項目Visual Studio 2010 創(chuàng)建圖片查看器的第一步是創(chuàng)建 Windows 窗體應(yīng)用程序項目。 創(chuàng)建 Windows 窗體應(yīng)用程序項目1. 在“文件”菜單上，單擊“新建項目”。 2. 如果沒有使用 Visual Studio 學(xué)習(xí)版，您需要先選擇一種語言。 從“安裝的模板”列表中選擇“C#”或“Visual Basic”。 3. 單擊“Windows 窗體應(yīng)用程序”圖標(biāo)，輸入“PictureViewer”作為名稱，然后單擊“確定”。 Visual Studio 將自動為您創(chuàng)建解決方案。 4. 在“文件”菜單上，單擊“全部保存”；或者在工具欄上單擊“全部

5、保存”按鈕，此按鈕如下所示。 “全部保存”工具欄按鈕 說明 Visual Studio 將項目保存到項目文件夾中。 集成開發(fā)環(huán)境 (IDE) 會自動填寫文件夾名稱和項目名稱。 如果使用的是 Visual Studio 學(xué)習(xí)版，您需要完成步驟 5-7。 對于非學(xué)習(xí)版的 Visual Studio，項目在第一次創(chuàng)建時即被保存，因此不需要步驟 5-7。 5. 確保項目保存在“我的文檔”文件夾下的某個文件夾中。 6. 確認(rèn)選中“創(chuàng)建解決方案的目錄”復(fù)選框。 7. 單擊“保存”。 說明 當(dāng)創(chuàng)建項目時，Visual Studio IDE 會自動創(chuàng)建若干個文件并將其放入文件夾中。 可以使用“解決方案資源管理

6、器”窗口來瀏覽這些文件。 在第一次創(chuàng)建項目時，這些文件將保存到一個臨時文件夾中。 單擊“全部保存”按鈕即是告知 IDE 將這些文件復(fù)制到一個永久文件夾（通常位于“我的文檔”文件夾下）中。 8. 您可能已經(jīng)注意到“解決方案”和“項目”這兩個詞具有不同的含義，本教程稍后將對此進(jìn)行解釋。 9. 下圖顯示 IDE 窗口應(yīng)具有的外觀。 10. IDE 窗口 11.12. 如果您的屏幕與上面的圖片不太一樣，請在“窗口”菜單上，單擊“重置窗口布局”。 如果缺少任何窗口，請在“視圖”菜單上，單擊“屬性窗口”或“解決方案資源管理器”。 如果有多余的窗口打開，請單擊右上角的“關(guān)閉”(x) 按鈕。 13. 查看圖片

7、。 從左上角開始沿逆時針方向，圖片將依次顯示： 主窗口您可在此處執(zhí)行大部分的工作。 通過此窗口可以使用窗體并編輯代碼。 當(dāng)前，此窗口在“窗體編輯器”中顯示一個窗體。 在此窗口的頂部有兩個選項卡：“起始頁”選項卡和“Form1.cs 設(shè)計”選項卡。 （在 Visual Basic 中，后綴名是 .vb 而不是 .cs。） “解決方案資源管理器”窗口在此處顯示解決方案中的所有文件。 如果單擊某個文件，則“屬性”窗口中的信息將發(fā)生改變。 如果雙擊某個代碼文件（在 Visual C# 中以 .cs 結(jié)尾，在 Visual Basic 中以 .vb 結(jié)尾），則該代碼文件或用于該代碼文件的設(shè)計器將打開。

8、“屬性”窗口您可在此處更改您在其他窗口中選定的項的屬性。 說明 請注意“解決方案資源管理器”窗口的頂部行將如何顯示“解決方案PictureViewer(1 個項目)”。 IDE 已經(jīng)為您創(chuàng)建了一個解決方案，而且此解決方案包含多個項目。 現(xiàn)在，您將使用包含單個項目的解決方案。 步驟 2：運(yùn)行程序Visual Studio 2010 一旦創(chuàng)建新的解決方案，實際上就生成了所運(yùn)行的程序。 該程序并未執(zhí)行其他操作，它只是顯示了一個在標(biāo)題欄中顯示“Form1”的空窗口。 但該程序確實在運(yùn)行，您即將查明這一點。 運(yùn)行程序1. 按 F5 鍵或單擊如下所示的“啟動調(diào)試”工具欄按鈕。 啟動“調(diào)試”工具欄按鈕 2.

9、 IDE 將運(yùn)行程序，并會顯示一個窗口。 下圖顯示了剛生成的程序。 該程序正在運(yùn)行，您很快會向它添加內(nèi)容。 正在運(yùn)行的 Windows 窗體應(yīng)用程序 3. 返回 IDE，并查看新工具欄。 調(diào)試工具欄 4. 單擊方形的“停止調(diào)試”按鈕，或從“調(diào)試”菜單中單擊“停止調(diào)試”。 程序?qū)⑼Ｖ惯\(yùn)行，并且窗口將關(guān)閉。 也可以直接關(guān)閉打開的窗口來停止調(diào)試。 說明 在從 IDE 內(nèi)部運(yùn)行程序時，這一操作稱作“調(diào)試”，因為通常將使用此操作來跟蹤并修復(fù) Bug。 該程序是一個真正的程序，您可以像運(yùn)行任何其他程序一樣運(yùn)行它。 步驟 3：設(shè)置窗體屬性Visual Studio 2010 接下來，使用“屬性”窗口來更改窗

10、體的外觀。 設(shè)置窗體屬性1. 確保您查看的是 Windows 窗體設(shè)計器。 在 IDE 中，單擊“Form1.cs 設(shè)計”選項卡（在 Visual Basic 中為“Form1.vb 設(shè)計”選項卡）。 2. 單擊窗體中的任意位置以將其選定。 查看“屬性”窗口，該窗口此時應(yīng)顯示窗體的屬性。 窗體具有各種屬性。 例如，可以設(shè)置前景色和背景色、窗體頂部顯示的標(biāo)題文本、窗體的大小和其他屬性。 說明 如果“屬性”窗口未出現(xiàn)，請通過單擊方形的“停止調(diào)試”按鈕（或直接關(guān)閉窗口）來停止程序。 3. 在選定窗體后，向下滾動到“屬性”窗口的底部，然后找到“Text”屬性。 單擊“Text”，鍵入“圖片查看器”，然

11、后按 Enter。 此時，窗體的標(biāo)題欄中將顯示文本“圖片查看器”，并且“屬性”窗口的外觀應(yīng)與下圖類似。 “屬性”窗口 說明 可以通過“按分類順序”視圖或“字母順序”視圖對屬性進(jìn)行排序。 可以通過使用“屬性”窗口上的按鈕在這兩類視圖之間進(jìn)行切換。 在本教程中，通過“字母順序”視圖查找屬性會更加輕松。 4. 返回 Windows 窗體設(shè)計器。 單擊窗體右下角的拖動柄，此拖動句柄是位于窗體右下角的小空心方形，如下所示。 拖動句柄 拖動此拖動柄調(diào)整窗體的大小，使其更寬且更高一些。 5. 查看“屬性”窗口，您會發(fā)現(xiàn)“Size”屬性已更改。 每當(dāng)您調(diào)整窗體的大小時，“Size”屬性都會更改。 嘗試拖動窗體

12、以將其大小調(diào)整為大約 550x350，此大小應(yīng)適合于該項目。 6. 重新運(yùn)行程序。 按 F5 鍵或單擊如下所示的“啟動調(diào)試”工具欄按鈕。 啟動“調(diào)試”工具欄按鈕 與之前的操作一樣，IDE 會生成并運(yùn)行程序，并且將顯示一個窗口。 7. 在轉(zhuǎn)到下一個步驟之前，請停止程序，因為 IDE 不允許您在程序處于運(yùn)行狀態(tài)時更改程序。 步驟 4：使用 TableLayoutPanel 控件設(shè)置窗體布局Visual Studio 2010 在此步驟中，將向窗體中添加一個 TableLayoutPanel 控件。 使用 TableLayoutPanel 控件設(shè)置窗體布局1. 轉(zhuǎn)到 Windows 窗體設(shè)計器。 查

13、看窗體左側(cè)并找到“工具箱”選項卡。 將鼠標(biāo)指向并懸停在“工具箱”選項卡上，工具箱將出現(xiàn)。 （或者，從“視圖”菜單中單擊“工具箱”。） 2. 單擊“容器”組旁邊的加號打開該組，如下圖中所示。 “容器”組 3. 可以向窗體中添加類似按鈕、復(fù)選框和標(biāo)簽這樣的控件。 在工具箱中雙擊 TableLayoutPanel 控件。 當(dāng)執(zhí)行此操作時，IDE 會將 TableLayoutPanel 控件添加到窗體中，如下圖中所示。 TableLayoutPanel 控件 說明 添加 TableLayoutPanel 之后，如果窗體中出現(xiàn)標(biāo)題為“TableLayoutPanel 任務(wù)”的窗口，請單擊窗體內(nèi)的任何位置

14、來關(guān)閉此窗口。 在本教程后面部分，您將學(xué)習(xí)到有關(guān)此窗口的更多內(nèi)容。 說明 請注意，當(dāng)單擊“工具箱”選項卡時工具箱是如何展開以覆蓋窗體的，以及當(dāng)單擊工具箱外部后它是如何關(guān)閉的。 這就是 IDE 自動隱藏功能。 通過單擊窗口右上角的圖釘圖標(biāo)來在自動隱藏和就地鎖定之間切換，可以為任何窗口打開或關(guān)閉工具箱。 圖釘圖標(biāo)如下所示。 圖釘圖標(biāo) 4. 單擊“TableLayoutPanel”確保選定它。 可以通過查看“屬性”窗口頂部的下拉列表來驗證選定哪個控件，如下圖中所示。 顯示 TableLayoutPanel 控件的“屬性”窗口 5. 控件選擇器是“屬性”窗口頂部的下拉列表。 在此示例中，它顯示選定了名

15、為 tableLayoutPanel1 的控件。 可以通過在 Windows 窗體設(shè)計器中單擊或者從控件選擇器中進(jìn)行選擇來選擇控件。 選擇 TableLayoutPanel 之后，請找到“Dock”屬性并單擊“Dock”，此屬性應(yīng)設(shè)置為“無”。 請注意，一個下拉箭頭將出現(xiàn)在值旁邊。 單擊該箭頭，然后選擇“Fill”按鈕（中間的大按鈕），如下圖中所示。 選定“Fill”的“屬性”窗口 6. 在將 TableLayoutPanel 的“Dock”屬性設(shè)置為“Fill”之后，此面板將填充整個窗體。 如果再次調(diào)整窗體的大小，則 TableLayoutPanel 將保持?？繝顟B(tài)，并自行調(diào)整大小以適合窗體

16、。 說明 TableLayoutPanel 與 Microsoft Office Word 中的表類似：它具有行和列，并且個別單元格可以跨多個行和列。 每個單元格都可以存放一個控件（例如按鈕、復(fù)選框或標(biāo)簽）。 TableLayoutPanel 將具有一個跨其整個頂部行的 PictureBox 控件、一個位于其左上角單元格中的 CheckBox 控件和四個位于其右上角單元格中的 Button 控件。 說明 盡管曾提到每個單元格只能存放一個控件，但是右上角單元格中具有四個 Button 控件。 這是因為您可以在單元格中放入一個可存放其他控件的控件。 這種控件稱為容器，TableLayoutPane

17、l 即是一個容器。 在本教程后面部分，您將學(xué)習(xí)到有關(guān)容器的更多內(nèi)容。 7. TableLayoutPanel 當(dāng)前具有兩個大小相等的行和兩個大小相等的列。 您需要調(diào)整它們，以使頂部行和右側(cè)列更大一些。 在 Windows 窗體設(shè)計器中選擇“TableLayoutPanel”。 在右上角有一個小的黑色三角形按鈕，如下所示。 三角形按鈕 此按鈕指示該控件具有幫助您自動設(shè)置其屬性的任務(wù)。 8. 單擊該三角形可顯示控件的任務(wù)列表，如下圖中所示。 TableLayoutPanel 任務(wù) 9. 單擊“編輯行和列”任務(wù)以顯示“列和行樣式”窗口。 單擊“Column1”，確保選中“百分比”按鈕并在“百分比”框

18、中輸入 15，將此控件的大小設(shè)置為 15%。 （這是將在后面的教程中使用的 NumericUpDown 控件。）單擊“Column2”并將其設(shè)置為 85%。 先不要單擊“確定”按鈕，因為這將關(guān)閉此窗口。 （但如果這樣做，您可以使用任務(wù)列表重新打開它。） 10. 從窗口頂部的“顯示”下拉列表中單擊“行”。 將“Row1”設(shè)置為 90% 并將“Row2”設(shè)置為 10%。 11. 單擊“確定”。 現(xiàn)在，TableLayoutPanel 應(yīng)具有一個大的頂部行、一個小的底部行、一個小的左側(cè)列和一個大的右側(cè)列。 可以在 TableLayoutPanel 中拖動這些行和列的邊框來調(diào)整其大小。步驟 5：向窗體

19、添加控件Visual Studio 2010 在此步驟中，將向窗體添加控件（如 PictureBox 控件和 CheckBox 控件）。 然后向窗體添加按鈕。 向窗體添加控件1. 轉(zhuǎn)到工具箱，并展開“公共控件”組。 這將顯示窗體上最常見的控件。 2. 雙擊 PictureBox 控件。 IDE 會將一個 PictureBox 控件添加到窗體中。 由于將?？?TableLayoutPanel 以填充窗體，因此 IDE 會向第一個空單元格添加 PictureBox 控件。 3. 單擊新的 PictureBox 控件上的黑色三角形以顯示其任務(wù)列表，如下圖所示。 PictureBox 任務(wù) 說明 如果

20、誤將錯誤類型的控件添加到 TableLayoutPanel 中，可刪除該控件。 右擊該控件，然后從顯示的菜單中單擊“刪除”。 也可從“編輯”菜單中選擇“撤消”，以從窗體中刪除該控件。 4. 單擊“在父容器中?？俊辨溄印?這會自動將 PictureBox 的“Dock”屬性設(shè)置為“Fill”。 若要查看此情況，請單擊 PictureBox 控件以將其選定，轉(zhuǎn)到“屬性”窗口，并確保將“Dock”屬性設(shè)置為“Fill”。 5. 更改 PictureBox 的“ColumnSpan”屬性，使 PictureBox 跨兩個列。 選擇 PictureBox 控件并將其“ColumnSpan”屬性設(shè)置為“2

21、”。 此外，當(dāng) PictureBox 為空時，您需要顯示一個空框架。 將其“BorderStyle”屬性設(shè)置為“Fixed3D”。 6. 將 CheckBox 控件添加到窗體。 雙擊工具箱中的“CheckBox”項，使 IDE 向表中的下一個空白單元格添加新的 CheckBox 控件。 由于 PictureBox 占據(jù)了前兩個單元格，因此該 CheckBox 控件將添加到左下方的單元格。 選中該新的 CheckBox 控件，并將其“Text”屬性設(shè)置為“拉伸”，如下圖所示。 具有“拉伸”屬性的 TextBox 控件 7. 轉(zhuǎn)到工具箱中的“容器”組（其中包含 TableLayoutPanel 控

22、件），并雙擊“FlowLayoutPanel”項以將一個新控件添加到 PictureBox 的最后一個單元格中。 然后將其?？吭诟溉萜髦校ㄍㄟ^從任務(wù)列表中選擇“在父容器中?？俊被蛲ㄟ^將其“Dock”屬性設(shè)置為“Fill”）。 說明 FlowLayoutPanel 是一個容器，它將其他控件按順序排列在行中。 在調(diào)整 FlowLayoutPanel 的大小時，如果 FlowLayoutPanel 的空間允許將其所有控件置于單個行中，則它會執(zhí)行此操作。 否則，它會將這些控件依次排列到多個行中（一個行位于另一個行的上方）。 將使用 FlowLayoutPanel 來容納四個按鈕。 添加按鈕1. 選擇已

23、添加的 FlowLayoutPanel。 轉(zhuǎn)到工具箱中的“公共控件”，然后雙擊“Button”圖標(biāo)以將一個名為“button1”的按鈕添加到 FlowLayoutPanel 中。 重復(fù)上述操作以添加另一個按鈕。 IDE 確定已存在名為“button1”的按鈕，并會將下一個按鈕命名為“button2”。 說明 在 Visual Basic 中，按鈕名稱的首字母都是大寫的，因此“button1”為“Button1”，“button2”為“Button2”，依此類推。 2. 通常，使用工具箱來添加其他按鈕。 這一次單擊“button2”，然后在“編輯”菜單上，單擊“復(fù)制”（或按 Ctrl+C）。 在

24、“編輯”菜單上，單擊“粘貼”（或按 Ctrl+V）粘貼該按鈕的副本。 此時再次粘貼該副本。 IDE 此時已添加“button3”和“button4”。 說明 可以復(fù)制并粘貼任何控件。 IDE 以邏輯方式命名和放置新的控件。 如果將一個控件粘貼到容器中，則 IDE 將選擇下一個邏輯放置空間。 3. 選擇第一個按鈕，并將其“Text”屬性設(shè)置為“顯示圖片”。 然后分別將后面的三個按鈕的“Text”屬性設(shè)置為“清除圖片”、“設(shè)置背景色”和“關(guān)閉”。 4. 下一步是調(diào)整這些按鈕的大小并對它們進(jìn)行排列，使它們與面板的左側(cè)對齊。 選擇 FlowLayoutPanel 并查看其“FlowDirection”

25、屬性。 將該屬性更改為“RightToLeft”。 一旦執(zhí)行此操作，這些按鈕會自行與單元格的右側(cè)對齊，并顛倒其順序，以使“顯示圖片”按鈕位于右側(cè)。 說明 如果這些按鈕的順序仍是錯誤的，則可以將這些按鈕在 FlowLayoutPanel 中四處拖動以按任意順序重新排列它們。 可以單擊其中某個按鈕，并將它向左或向右拖動。 5. 單擊“關(guān)閉”按鈕以將其選定。 按住 Ctrl 鍵并單擊其他三個按鈕，使它們都處于選定狀態(tài)。 在選定所有這些按鈕后，轉(zhuǎn)到“屬性”窗口，然后向上滾動到“AutoSize”屬性。 此屬性會告知按鈕自動調(diào)整自身大小以適合其所有文本。 將此屬性設(shè)置為“true”。 此時這些按鈕應(yīng)具有

26、適當(dāng)大小且按照適當(dāng)?shù)捻樞蚺帕小?（只要選定所有四個按鈕，就可以同時更改所有四個“AutoSize”屬性。）下圖顯示了這四個按鈕。 包含四個按鈕的圖片查看器 6. 此時重新運(yùn)行程序以查看具有最新布局的窗體。 單擊這些按鈕和復(fù)選框并不會執(zhí)行任何操作，但它們很快將會起作用。 步驟 6：命名按鈕控件Visual Studio 2010 窗體上只有一個 PictureBox。 當(dāng)添加此控件時，IDE 自動將其命名為“pictureBox1”。 只有一個名為“checkBox1”的 CheckBox。 很快，您將編寫一些代碼，并且這些代碼將引用到上述的 CheckBox 和 PictureBox。 因為上

27、述每種控件都只有一個控件，所以當(dāng)您在代碼中看到“pictureBox1”或“checkBox1”時，應(yīng)知道其中的含義。 說明 在 Visual Basic 中，任何控件名稱的第一個字母默認(rèn)是首字母大寫，因此名稱為“PictureBox1”、“CheckBox1”等等。 窗體上包含四個按鈕，IDE 將它們分別命名為“button1”、“button2”、“button3”和“button4”。 只看這些按鈕的當(dāng)前名稱，您并不知道哪個按鈕是“關(guān)閉”按鈕，哪個按鈕是“顯示圖片”按鈕。 這就是命名按鈕控件很有用的原因了。 命名按鈕控件1. 單擊“關(guān)閉”按鈕。 （如果您仍選擇了所有按鈕，請按 ESC 鍵

28、取消選擇。）在“屬性”窗口中滾動，直到看到“(Name)”屬性。 （當(dāng)屬性按字母順序排列時，“(Name)”屬性位于頂部附近。）將此名稱更改為“closeButton”，如下圖中所示。 包含 closeButton 名稱的“屬性”窗口 說明 如果嘗試將按鈕的名稱更改為“close Button”（在單詞“close”和“Button”之間有一個空格），則 IDE 將顯示錯誤消息“屬性值無效”。控件名稱中不允許使用空格和一些其他字符。 2. 將其他三個按鈕重命名為“backgroundButton”、“clearButton”和“showButton”。 可以通過單擊“屬性”窗口中的控件選擇器下

29、拉列表，來驗證這些名稱。 新的按鈕名稱將出現(xiàn)。 3. 在“Windows 窗體設(shè)計器”中雙擊“顯示圖片”按鈕。 當(dāng)執(zhí)行此操作時，IDE 將在主窗口中打開一個稱為“Form1.cs”選項卡的新選項卡，如下圖中所示。 使用 Visual C# 代碼的 Form1.cs 選項卡 4. 重點考慮這一部分的代碼。 private void showButton_Click(object sender, EventArgs e)您需要查找一個稱為 showButton_Click() 的方法。 當(dāng)您單擊“showButton”按鈕時，IDE 添加了此方法。 此方法包含單擊“顯示圖片”按鈕時運(yùn)行的代碼。 說

30、明 在本教程中，自動生成的 Visual Basic 代碼進(jìn)行了簡化（刪除了圓括號 () 之間的所有代碼）。 只要出現(xiàn)自動生成的代碼，您都可以刪除相同的代碼。 程序不管怎樣都將工作。 對于其余教程，任何自動生成的代碼都將盡可能得到簡化。 5. 轉(zhuǎn)到設(shè)計器選項卡（在 Visual C# 中為“Form1.cs 設(shè)計”選項卡，在 Visual Basic 中為“Form1.vb 設(shè)計”選項卡），并雙擊“清除圖片”按鈕。 對于最后兩個按鈕，重復(fù)此操作。 IDE 每次都會向窗體的代碼中添加一個新方法。 6. 若要再添加一個方法，請雙擊 Windows 窗體設(shè)計器中的 CheckBox 控件，以使 ID

31、E 添加 checkBox1_CheckedChanged() 方法。 每當(dāng)用戶選中或清除此復(fù)選框時都會調(diào)用此方法。 說明 當(dāng)運(yùn)行程序時，您經(jīng)常要在代碼編輯器和 Windows 窗體設(shè)計器之間進(jìn)行移動。 有了 IDE，就能夠輕松地在項目中導(dǎo)航。 使用“解決方案資源管理器”，通過雙擊“Form1.cs”（在 Visual C# 中）或“Form1.vb”（在 Visual Basic 中），打開“Windows 窗體設(shè)計器”。 7. 下面顯示了您在代碼編輯器中看到的新代碼。 private void clearButton_Click(object sender, EventArgs e)pri

32、vate void backgroundButton_Click(object sender, EventArgs e)private void closeButton_Click(object sender, EventArgs e)private void checkBox1_CheckedChanged(object sender, EventArgs e)說明 您所添加的五個方法稱為“事件處理程序”，原因是每當(dāng)事件（如用戶單擊按鈕或選擇框）發(fā)生時程序都將調(diào)用這些方法。 當(dāng)您在 IDE 中雙擊某個控件時，IDE 會為該控件添加一個事件處理程序方法。 例如，當(dāng)雙擊某個按鈕時，IDE 會為此

33、按鈕的 Click 事件（每當(dāng)用戶單擊按鈕時調(diào)用）添加一個事件處理程序。 當(dāng)雙擊某個復(fù)選框時，IDE 會為此復(fù)選框的 CheckedChanged 事件（每當(dāng)用戶選中或清除框時調(diào)用）添加一個事件處理程序。 在為某個控件添加事件處理程序后，通過雙擊此控件，可以隨時從 Windows 窗體設(shè)計器返回到此控件。 說明 生成程序時名稱很重要，并且方法（包括事件處理程序）可以具有任何所需的名稱。 當(dāng)使用 IDE 添加事件處理程序時，IDE 會基于控件的名稱和正在處理的事件選擇一個名稱。 例如，名為“showButton”的按鈕的 Click 事件稱為 showButton_Click() 事件處理程序方

34、法。 此外，通常會在方法名稱后面添加一對左右圓括號 ()，以清楚地表明正在討論的對象是方法。 步驟 7：向窗體添加對話框組件Visual Studio 2010 為了準(zhǔn)備好設(shè)置“打開文件”對話框和“顏色”對話框（用于選擇背景色），在此步驟中，將向窗體添加“OpenFileDialog”組件和“ColorDialog”組件。 組件在某些方面與控件相似。 使用工具箱向窗體添加一個組件，然后使用“屬性”窗口設(shè)置該組件的屬性。 但與控件不同，向窗體添加組件不會添加用戶可從窗體中查看的可見項。 相反，這將提供可使用代碼觸發(fā)的某些行為。 此組件是一個可打開“打開文件”對話框的組件。 向窗體添加對話框組件1

35、. 轉(zhuǎn)到 Windows 窗體設(shè)計器，然后打開工具箱中的“對話框”組。 說明 工具箱中的“對話框”組具有可用于為您打開多個有用的對話框的組件，這些對話框可用于打開和保存文件、瀏覽文件夾以及選擇字體和顏色。 在此項目中將使用以下兩個對話框組件：“OpenFileDialog”和“ColorDialog”。 2. 若要向窗體添加一個名為“openFileDialog1”的組件，請雙擊“OpenFileDialog”。 若要向窗體添加一個名為“colorDialog1”的組件，請雙擊工具箱中的“ColorDialog”。 （將在下一個教程步驟中使用后一個組件。）Windows 窗體設(shè)計器的底部應(yīng)出現(xiàn)

36、一個灰色框，其中包含與已添加的兩個對話框組件對應(yīng)的圖標(biāo)，如下圖所示。 對話框組件 3. 轉(zhuǎn)到 Windows 窗體設(shè)計器，然后單擊該設(shè)計器底部的灰色框中的“openFileDialog1”圖標(biāo)。 設(shè)置以下兩個屬性： 將“Filter”屬性設(shè)置為以下內(nèi)容（可以復(fù)制并粘貼此內(nèi)容）：“JPEG Files (*.jpg)|*.jpg|PNG Files (*.png)|*.png|BMP Files (*.bmp)|*.bmp|All files (*.*)|*.*” 將“Title”屬性設(shè)置為以下內(nèi)容：“選擇一個圖片文件” 說明 若要查看其他應(yīng)用程序中的“打開文件”對話框的示例，請打開“記事本”或

37、“畫圖”，然后在“文件”菜單上，單擊“打開”。 請注意“文件類型”下拉列表是如何在底部出現(xiàn)的。 您剛才已使用“OpenFileDialog”組件中的“Filter”屬性進(jìn)行了此設(shè)置。 還請注意“屬性”窗口中的“Title”和“Filter”屬性是如何加粗的。 IDE 執(zhí)行上述操作是為了顯示其默認(rèn)值已更改的任何屬性。 步驟 8：為“顯示圖片”按鈕事件處理程序編寫代碼Visual Studio 2010 在此步驟中，將生成按如下所示工作的“顯示圖片”按鈕： 當(dāng)用戶單擊此按鈕時，程序會打開“打開文件”對話框。 如果用戶選擇一個圖片文件，則程序會在 PictureBox 中顯示該圖片。 IDE 提供一

38、種名為 IntelliSense 的強(qiáng)大工具，可幫助您編寫代碼。 當(dāng)您輸入代碼時，IDE 會打開一個框，其中顯示與您所輸入的部分單詞對應(yīng)的完整建議內(nèi)容。 它嘗試確定您接下來要做的事情，并自動跳到您從列表中選擇的最后一項。 您可以使用向上鍵或向下鍵在列表中進(jìn)行移動，也可以繼續(xù)鍵入字母以縮小選擇范圍。 當(dāng)您看到所需的選項時，按 Tab 鍵可將其選中。 或者，也可以忽略不需要的建議。 為“顯示圖片”按鈕事件處理程序編寫代碼1. 轉(zhuǎn)到“Windows 窗體設(shè)計器”，并雙擊“顯示圖片”按鈕。 IDE 將立即轉(zhuǎn)到代碼設(shè)計器，并將光標(biāo)移動到您之前添加的 showButton_Click() 方法內(nèi)。 2.

39、在兩個大括號 之間的空行上鍵入一個 i。 （在 Visual Basic 中，應(yīng)在 Private Sub 與 End Sub 之間的空行上鍵入。）“IntelliSense”窗口隨即打開，如以下圖片中所示。 使用 Visual C# 代碼的 IntelliSense 3. “IntelliSense”窗口應(yīng)該會突出顯示“if”一詞。 （如果沒有，請輸入小寫的 f，它將突出顯示。）請注意“IntelliSense”窗口旁邊的黃色工具提示將如何顯示“if 語句的代碼段”。 （在 Visual Basic 中，該工具提示還指明這是一個代碼段，但用詞會略有不同。）您需要使用此代碼段。 按 Tab 鍵

40、將“if”插入到您的代碼中。 然后再次按 Tab 鍵即可使用“if”代碼段。 （如果單擊其他位置后“IntelliSense”窗口消失，那么請按 Backspace 刪除“i”并重新鍵入它，此時“IntelliSense”窗口將再次打開。） Visual C# 代碼 4. 接下來，使用 IntelliSense 輸入更多代碼以打開“打開文件”對話框。 如果用戶單擊了“確定”按鈕，則 PictureBox 會加載用戶選擇的文件。 下面的步驟演示如何輸入代碼，盡管步驟很多，但只需幾次擊鍵即可完成： a. 從代碼段中的選定文本“true”開始。 鍵入 op 將其覆蓋。 （在 Visual Basic

41、 中，首字母需要大寫，因此鍵入 Op。） b. “IntelliSense”窗口打開并顯示“openFileDialog1”。 按 Tab 將其選中。 （在 Visual Basic 中，因為首字母大寫，所以您會看到“OpenFileDialog1”。 確?！癘penFileDialog1”已選中。） c. 鍵入句點 (.)（許多程序員稱此符號為點）。由于您在緊接在“openFileDialog1”的后面鍵入了一個句點，因此“IntelliSense”窗口將打開，其中填充有“OpenFileDialog”組件的所有屬性和方法。 當(dāng)在“Windows 窗體設(shè)計器”中單擊該組件時，“屬性”窗口中會

42、顯示相同的屬性。 還有一些方法會告知組件要執(zhí)行的操作（例如打開對話框）。 說明 “IntelliSense”窗口可以同時向您顯示屬性和方法。 若要確定所顯示的內(nèi)容，請查看左側(cè)的圖標(biāo)。 您會看到每種方法旁邊都會有一個塊型圖片，每個屬性旁邊都會有一個手型圖片。 每個事件旁邊還會有一個閃電形圖標(biāo)。 這些圖片如下所示。 d. “方法”圖標(biāo) e. “屬性”圖標(biāo) f. “事件”圖標(biāo) g. 開始鍵入 ShowDialog（是否大寫對于 IntelliSense 來說不重要）。 ShowDialog() 方法將顯示“打開文件”對話框。 在窗口突出顯示“ShowDialog”之后，按 Tab。 h. 當(dāng)對控件或

43、組件使用方法（稱為“調(diào)用方法”）時，需要添加圓括號。 因此，請輸入左括號和右括號：() 說明 方法是所有程序的重要組成部分，本教程演示了方法的多種使用方式。 可以調(diào)用組件的方法來告訴組件要執(zhí)行的操作，這與調(diào)用“OpenFileDialog”組件的 ShowDialog() 方法的方式類似。 可以創(chuàng)建自己的方法來使程序執(zhí)行操作，這與您此時正在構(gòu)建的 showButton_Click() 方法類似，此方法會在用戶單擊按鈕時打開對話框和圖片。 i. 對于 Visual C#，添加一個空格，然后添加兩個等號 (=)。 對于 Visual Basic，添加一個空格，然后使用單個等號 (=)。 （Visu

44、al C# 和 Visual Basic 使用不同的相等運(yùn)算符。） j. 添加另一個空格。 一旦您這樣做之后，另一個“IntelliSense”窗口將打開。 開始鍵入 DialogResult，然后按 Tab 來添加它。 說明 當(dāng)編寫代碼來調(diào)用方法時，有時代碼會返回一個值。 在這種情況下，“OpenFileDialog”組件的 ShowDialog() 方法會返回一個 DialogResult 值。 DialogResult 是一個特殊的值，此值告訴您對話框中所發(fā)生的改變。 “OpenFileDialog”組件會導(dǎo)致用戶單擊“確定”或“取消”，這樣組件的 ShowDialog() 方法就會返回

45、 DialogResult.OK 或 DialogResult.Cancel。 k. 鍵入一個點以在“IntelliSense”窗口中打開 DialogResult 值。 輸入字母 O，然后按 Tab 以插入“OK”。 說明 第一行代碼應(yīng)會完成。 對于 Visual C#，此代碼行應(yīng)如下所示。 if (openFileDialog1.ShowDialog() = DialogResult.OK) 對于 Visual Basic，此代碼行應(yīng)如下所示。 If OpenFileDialog1.ShowDialog() = DialogResult.OK Then l. 現(xiàn)在，再添加一行代碼。 可以鍵

46、入或者復(fù)制并粘貼此行代碼，但是應(yīng)考慮使用 IntelliSense 來添加代碼。 您對 IntelliSense 越熟悉，您就可以越快地編寫自己的代碼。 最終的 showButton_Click() 方法如下所示。 private void showButton_Click(object sender, EventArgs e) if (openFileDialog1.ShowDialog() = DialogResult.OK) pictureBox1.Load(openFileDialog1.FileName); 步驟 9：檢查代碼、為代碼添加注釋和測試代碼Visual Studio 20

47、10 在向代碼添加注釋并測試代碼之前，請先花點時間了解一些代碼概念，因為您將會頻繁使用這些概念： 在雙擊 Windows 窗體設(shè)計器中的“顯示圖片”按鈕后，IDE 會自動將一個方法添加到程序的代碼中。 方法是指組織代碼的方式：它指明如何將代碼組合在一起。 大多數(shù)情況下，一個方法會按特定順序執(zhí)行少量操作，如 showButton_Click() 方法會顯示對話框，然后加載圖片。 一個方法由多個語句構(gòu)成。 可以將方法視為一種將多個語句捆綁在一起的方式。 在執(zhí)行或調(diào)用某個方法時，將按順序依次執(zhí)行該方法中的各個語句（從第一個語句開始）。 下面是一個語句示例。 pictureBox1.Load(open

48、FileDialog1.FileName);pictureBox1.Load(openFileDialog1.FileName)語句用于指示程序執(zhí)行操作。 在 Visual C# 中，語句始終以分號結(jié)束。 在 Visual Basic 中，行的結(jié)尾即為語句的結(jié)尾。 （Visual Basic 中不需要使用分號。）前面的語句將告知 PictureBox 控件下載用戶使用“OpenFileDialog”組件選擇的文件。 接下來，將向代碼添加注釋。 注釋是一個說明，它不會更改程序的行為。 它使用戶更易于理解代碼的行為。 在 Visual C# 中，可用兩個正斜杠 (/) 將一行標(biāo)記為一個注釋。 在

49、Visual Basic 中，可用一個單引號 () 將一行標(biāo)記為一個注釋。 添加注釋后即可測試您的程序。 您剛才構(gòu)建了可用的程序，雖然尚未完成，但已能夠下載圖片。 添加注釋1. 添加以下內(nèi)容。 private void showButton_Click(object sender, EventArgs e) / Show the Open File dialog. If the user clicks OK, load the / picture that the user chose. if (openFileDialog1.ShowDialog() = DialogResult.OK) p

50、ictureBox1.Load(openFileDialog1.FileName); 說明 “showButton”按鈕的 Click 事件處理程序現(xiàn)已完成并可正常使用。 您已開始編寫代碼（從 if 語句開始）。 if 語句用于告知程序“檢查此項，如果為 true，請執(zhí)行這些操作?！痹诖耸纠?，告知程序打開“打開文件”對話框，如果用戶選擇一個文件并單擊“確定”按鈕，則將此文件加載到 PictureBox。 說明 IDE 可讓您輕松地編寫代碼，而代碼段是 IDE 為此采取的方式之一。 代碼段是一類快捷方式，它可擴(kuò)展到一個小的代碼塊。 可以通過從“工具”菜單中選擇“代碼段管理器”來查看所有代碼段。

51、 if 代碼段位于“條件語句和循環(huán)”子文件夾中的“代碼模式”中。 可使用此管理器來瀏覽現(xiàn)有代碼段或添加自己的代碼段。 若要在鍵入代碼時激活一個代碼段，請鍵入該代碼段并按 Tab 鍵。 多個代碼段將出現(xiàn)在“IntelliSense”窗口中，這就是為什么要按 Tab 兩次的原因：第一次按 Tab 是從“IntelliSense”窗口中選擇該代碼段，第二次按 Tab 是告知 IDE 使用該代碼段。 （IntelliSense 支持 if 代碼段，但不支持 ifelse 代碼段。） 2. 在運(yùn)行程序之前，通過單擊如下所示的“全部保存”工具欄按鈕保存程序。 “全部保存”按鈕 或者，從“文件”菜單中單擊“

52、全部保存”來保存程序。 最佳做法是盡早且經(jīng)常保存。 當(dāng)程序運(yùn)行時，其外觀應(yīng)與下圖類似。 圖片查看器 測試程序1. 按 F5 鍵或單擊“啟動調(diào)試”工具欄按鈕。 2. 單擊“顯示圖片”按鈕運(yùn)行您剛才編寫的代碼。 首先，該程序會打開“打開文件”對話框。 確認(rèn)在該對話框底部的“文件類型”下拉列表中會出現(xiàn)篩選器。 然后，定位到一張圖片并將其打開。 通?？梢栽凇拔业奈臋n”文件夾內(nèi)的“圖片收藏示例圖片”文件夾中找到 Windows 操作系統(tǒng)附帶的示例圖片。 3. 加載一張圖片后，此圖片會在 PictureBox 中出現(xiàn)。 然后嘗試調(diào)整窗體的大小。 由于已將 PictureBox ?？吭?TableLayoutPanel 內(nèi)部，而 TableLayoutPanel 自身停靠在窗體內(nèi)部，因此圖片區(qū)域?qū)⒆孕姓{(diào)整大小，使自身的寬度與窗體的寬度相同，并占據(jù)窗體上部空間的 90%。 這就是使用 TableLayoutPanel 容器和 FlowLayoutPanel