第七章 視窗應用程式開發 7.1 建立視窗應用程式專案 7.2 整合開發環境介紹 7.3 控制項編輯與命名 7.4 視窗應用程式的開發 備註 : 可依進度點選小節
7.1 建立視窗應用程式專案 執行 開始 / / 會進入 Visual C# 2008 起始頁畫面 2
若希望能顯示起始頁, 執行功能表的 視窗 (W)/ 重設視窗配置 (R) 即可重新打開起始頁 其中 最近使用的專案 窗格用來顯示最近更新過的專案清單, 讓您由此窗格直接建立新專案, 或直接開啟舊有的專案 3
7.1.1 如何新增專案 在左上圖 最近使用的專案最近使用的專案 窗格中最後一行點選 建立 : 的鈕, 或是執行功能表 檔案 (F)/ 新增專案 (P) 指令, 就會開啟 新增專案新增專案 對話方塊, 供我們對新專案做相關的設定 4
7.1.2 如何儲存專案 執行 檔案 (F)/ 全部儲存 (L) 或按全部儲存圖示進行儲存專案, 接著出現下圖 儲存專案儲存專案 視窗, 在 名稱 (N) 請輸入指定的專案名稱是 test; 在 位置 (L) 設定專案的儲存位置是 C:\CSharp\chap07 完成後按預設建在 鈕儲存專案 路徑未建立, 系統 預設建在 C:\Documents and Settings\ 使用者名稱 \My Documents\Visual Studio 2008\ Projects 的資料夾 的資料夾 5
7.1.3 如何固定方案總管視窗 1. 若方案總管如下圖採彈跳式未固定, 請移動滑鼠到右邊界 方案總管方案總管 處按一下, 方案總管會由右邊界向左彈出 當滑鼠離開方案總管時又自動彈回隱藏起來當滑鼠離開方案總管時又自動彈回隱藏起來 6
7
7.1.4 將方案總管和屬性視窗置於右邊界 將屬性視窗變成浮動式視窗 8
將屬性視窗變成固定式視窗 9
7.1.5 設定工具箱 若螢幕解析度設為 1024x768, 在 IDE 整合開發環境可在功能表列的正下方看到完整的標準工具列 10
螢幕解析度是 800x600, 導致標準工具列長度太長而無法完整顯現, 11
螢幕解析度設為 1024x768, 是初學者用來撰寫 Visual C# 2008 程式的最佳整合開發環境 ( 簡稱 IDE) 12
7.2 整合開發環境介紹 7.2.1 標題欄標題欄標題欄中會顯示目前編輯的專案名稱以及程式語言名稱和版本 13
7.2.2 功能表列 14
7.2.3 標準工具列 15
16
7.2.4 工具箱 17
7.2.5 方案總管 方案 (Solution) 就像是一個, 它可以包含多個專案 (Project), 而一個專案通常含有多個項目 項目可以是檔案和專案的其他部分, 如參考 資料連接或資料夾 Visual C# 2008 提供一個 方案總管方案總管 視窗, 提供整個方案圖形檢視畫面, 協助您在開發應用程式時管理專案和檔案 若在 IDE 開發環境看不到方案總管視窗, 可執行 檢視 (V) 方案總管 (P) 指令, 或直接點選 標準標準 工具列中的方案總管圖示來開啟該視窗 18
19
7.2.6 屬性視窗 20
屬性視窗 按字母分類 21
7.2.7 設計工具標籤頁 設計工具設計工具 標籤頁是用來顯示和設計表單標籤頁是用來顯示和設計表單 我們可以在表單上新增控制項, 作為程式輸出和輸入的介面 22
若在 IDE 環境下, 沒看到 設計工具 標籤頁, 可執行功能表的 檢視 (V)/ 設計工具 (D) 指令或如下圖選按 方案總管方案總管 工具列中的設計工具檢視圖示開啟該標籤頁 ; 另外也可在方案總管的 Form1.cs 表單檔 ( 副檔名為.cs) 上快按兩下, 會在 IDE 正中央出現 設計工具設計工具 標籤頁含有表單物件的畫面 23
24
7.2.8 程式碼標籤頁 25
7.3 控制項編輯與命名 26
7.3.1 如何建立控制項 27
7.3.2 如何選取控制項 當你要對 或表單中 的 作修改時, 必須 先選取表單或控制項變成作用物件成為作用控制項 點選方式 : 1 單選 : 移動滑鼠到表單或控制項上按一下, 使其當 控制項四周有小白框出現表示該控制項被選取 2 單選 : 另一種方式連續按 鍵, 可以在各控制項和 表單間輪流切換選取 3 多選 : 使用工具箱的 指標工具將欲選取的多個 控制項框住 4 多選 : 先按住 或 鍵, 再用滑鼠點選, 也可 選取多個控制項 28
7.3.3 控制項的排列 29
7.3.4 如何刪除控制項 刪除控制項的方法 1 先選取要刪除的控制項或框住欲刪除多個控制項 2 壓滑鼠右鍵由快顯功能表中選取 刪除 或直接按鍵盤的鍵即可 刪除 (D) 若欲復原直接按標準工具列的 復原鈕 30
7.3.5 控制項的命名 31
7.4 視窗應用程式的開發 7.4.1 視窗應用程式的開發步驟視窗環境下開發一個應用程式的步驟 : Step1 分析問題 Step2 設計輸出入介面 Step3 撰寫程式碼 32
撰寫程式方式有下列四種 : 1 直接選取 Form1.cs* 2 在控制項或表單物件上壓滑鼠右鍵, 由快顯功能表中選取 程式碼檢視 (C) 3 在方案總管視窗選取 程式碼檢視圖示 4 執行功能表的 檢視 (V)/ 程式碼 (C) 指令指令 33
34
當使用上面其中一種方式便可進入 程式碼檢視程式碼檢視 模式 : 35
7.4.2 如何撰寫控制項的事件處理函式 36
❶ 先選取要撰寫事件的物件, 請選取 button1 按鈕 ❷ 在屬性視窗的事件圖示鈕按一下切換到事件清單 ❸ 在 Click 清單快按兩下即進入下圖 button1_click 事件處理函式 37
38
使用上面介紹的視窗應用程式設計步驟, 撰寫一個簡單 的程式 其要其要求如下 : 1 程式開始執行時表單的標題欄會顯示 我的第一個程式 以及表單上方出現 Hello 打招呼訊息, 表單 下方出現三個按鈕分個按鈕分別為 三 個按鈕 2 當你按 鈕, 顯示 你好, 背景為淺藍色 (Aqua) 3 當你按 (Chocolate) 鈕, 顯示今天日期, 背景為巧克力色 4 當你按鈕, 結束程式執行程式執行 39
輸出結果 40
操作步驟 : 參閱本書 P7-28 ~ P7-37 頁 41
// FileName : hello.sln 01 using System; 02 using System.Collections.Generic; 03 using System.ComponentModel; 04 using System.Data; 05 using System.Drawing; 06 using System.Text; 此部份程式碼為 C# 自動產生, 為節省篇幅, 後面範例除非有必要顯示, 否則將不顯示 07 using System.Windows.Forms; 08 09 namespace hello 10 { 11 public partial class Form1 : Form 12 { 13 public Form1() 14 { 15 InitializeComponent(); 16 } 17 42
18 private void btnword_click(object sender, EventArgs e) 19 { 20 lblshow.backcolor = Color.Aqua; 21 lblshow.text=" 你好!"; 22 } 23 24 private void btndate_click(object sender, EventArgs e) 25 { 26 lblshow.backcolor = Color.Chocolate; 27 lblshow.text = DateTime.Now.ToString(); 28 } 29 30 private void btnquit_click(object sender, EventArgs e) 31 { 32 Application.Exit(); 33 } 34 } 35 } 43