untitled

Size: px

Start display at page:

Download "untitled"

狩锅贝
4 years ago
Views:

1 CHAPTER 基本輸出入介面設計學習表單物件常見的屬性學習表單物件常用的事件學習 Label 標籤控制項的使用學習 Button 按鈕控制項的使用學習 TextBox 文字方塊控制項的使用學習例外處理技巧學習使用 InputBox 函式接受資料輸入學習使用 MessageBox.Show() 方法輸出提示訊息

2 Visual C# 2010 基礎必修課 3.1 表單物件常見的屬性 Windows 視窗作業系統之所以能夠迅速取代 DOS 系統, 就是因為它具有高親和力的圖形化操作介面 Visual C# 讓程式設計者可以在程式未執行前暨表單設計階段, 透過工具箱提供的工具, 不用寫程式便能快速地建立輸出入介面, 程式設計者只要專注於處理流程的程式設計, 縮短程式開發的時間撰寫 Windows Form 應用程式最基本的輸出入介面就是表單, 表單就是一個視窗, 它像一個容器 (Container) 可以將工具箱的工具安置其中, 做為使用者的操作介面我們將由工具箱拖曳到表單的工具稱為控制項或物件每個控制項都有其所屬的屬性和方法, 透過屬性值的改變可以讓同類的表單或控制項, 擁有不同的外觀和功能不同控制項和表單可能擁有相同的屬性, 也可能只有該控制項所獨有每個屬性皆有其預設值, 可依程式需求來加以修改至於如何修改控制項的屬性最快的方式是在表單設計階段透過屬性視窗來設定 ; 另一方式是在程式執行階段依需求在適當時機做設定進入 Visual C# 2010 整合開發環境後, 執行 [ 檔案 (F)/ 新增專案 (P)] 時, 會新增一個 Windows Form 應用程式, 此時所開啟整合視窗的右下方會有一個屬性視窗若沒有屬性視窗, 可執行功能表中 [ 檢視 (V)/ 其他視窗 (E)/ 屬性視窗 (W)] 功能開啟屬性視窗 3-2

3 基本輸出入介面設計 3 屬性視窗工具列按鈕屬性說明 1. 查詢或修改屬性視窗內的屬性有兩種方式, 依個人習慣選用 : 分類鈕 : 屬性按照外觀行為其他等類型來分類排列字母鈕 : 屬性會按照屬性的英文名稱由 A~Z 順序排列 2. 如何修改屬性的內容先在表單上選取欲修改的控制項或表單本身另一種方式到屬性視窗的物件清單的下拉鈕按一下選取控制項或表單本身點選反白欲修改表單或控制項的屬性選取的屬性內容右邊可能會出現下列圖示 : 顯示下拉式清單供您選取 3-3

Visual C# 2010 基礎必修課出現對話方塊供您選取若出現插入點游標則直接輸入物件清單關閉鈕工具列按鈕展開鈕屬性預設值屬性名稱屬性功能說明本節先以分類的方式來介紹表單物件常見的屬性, 以及如何在表單設計階段透過屬性視窗來設定屬性的方法若在後面的章節中, 這些屬性在其它控制項中可能也被擁有,

4 Visual C# 2010 基礎必修課出現對話方塊供您選取若出現插入點游標則直接輸入物件清單關閉鈕工具列按鈕展開鈕屬性預設值屬性名稱屬性功能說明本節先以分類的方式來介紹表單物件常見的屬性, 以及如何在表單設計階段透過屬性視窗來設定屬性的方法若在後面的章節中, 這些屬性在其它控制項中可能也被擁有, 除非該屬性在該控制項中另有特別的用法, 否則不再重複說明外觀類型的屬性屬性名稱 BackColor 說明設定表單工作區的背景顏色, 預設值為 Control [ 例 ] 將表單的背景色設為黃色, 程式寫法如下 : this.backcolor = Color.Yellow ; 指表單屬性名稱屬性值 3-4

5 基本輸出入介面設計 3 屬性名稱說明設定表單工作區的背景圖片, 預設值為無 BackgroundImage [ 例 ] 以 C 槽 ch03 資料夾的 Image1.jpg 圖片檔當表單的背景圖, 程式寫法如下 : this.backgroundimage = Image.FromFile("c:\\ch03\\Image1.jpg") ; 或 this.backgroundimage = new Bitmap("c:\\ch03\\Image1.jpg") ; Cursor Font FormBorderStyle Text 當程式執行時, 設定視窗 ( 表單 ) 內的滑鼠游標形狀, 預設值為 Default [ 例 ] 將滑鼠游標形狀設為手指, 程式寫法如下 : this.cursor = Cursors.Hand; 顯示字型對話方塊, 在此對話方塊中可設定字型字型樣式大小與效果, 其預設值為新細明體,9pt [ 例 ] 將表單內顯示的文字大小設為 10 字體為標楷體粗體字, 程式寫法 : this.font = new Font (" 標楷體 ", 10, FontStyle.Bold ); 字型種類大小字型樣式設定表單邊界樣式, 執行時才看到設定結果, 共有七種格式 : None( 沒有框線 ) FixedSingle( 單線固定 ) Fixed3D( 立體固定 ) FixedDialog( 雙線固定對話方塊 ) Sizable( 大小可調整 )- 預設值 FixedToolWindow( 單線固定工具視窗 ) SizableToolWindow( 可調整工具視窗 ) [ 例 ] 將表單邊界樣式設為立體固定, 程式寫法 : this.formborderstyle = FormBorderStyle.Fixed3D; 表單標題欄上的標題文字 ( 或稱關聯文字 ), 預設值為 Form1 [ 例 ] 將表單標題欄由預設的 Form1 設為 " 第一個程式 ", 程式寫法 : this.text = " 第一個程式 " ; 下面我們以設定表單的 Text ( 標題文字 ) 屬性值為例, 介紹在表單設計階段透過屬性視窗設定屬性的方法 3-5

Text 屬性, 再按屬性值欄, 將標題欄文字由預設值 Form1 改為 Visual C# 2.

6 Visual C# 2010 基礎必修課 1. 如何設定表單的標題欄名稱為 Visual C# 在表單上空白處按一下, 則表單的右側右下與下方各出現一個小方塊 ( 控制點 ) 此動作將選取表單設為作用表單到屬性視窗點選 Text 屬性, 再按屬性值欄, 將標題欄文字由預設值 Form1 改為 Visual C# 2. 如何設定表單的背景色由預設的 Control 改為 Yellow 先選取表單, 再到屬性視窗點選 BackColor 到屬性值欄右側, 點按鈕出現系統標籤頁的顏色清單點選自訂標籤頁出現色盤, 點選黃色色塊, 表單內的背景色由預設值 Control 變成黃色 3. 如何將表單的背景改成圖片顯示, 背景圖片存於書附光碟 ch03/ images/image1.jpg 3-6

7 基本輸出入介面設計 3 選取表單, 點選 BackgroudImage 屬性按該屬性值欄的鈕開啟選取資源對話方塊在選取資源對話方塊中, 到資源內容框架內點選專案資源檔, 再按鈕開啟開啟對話方塊在開啟對話方塊中, 點選書附光碟 [ch03/images/image1.jpg] 圖片檔, 按鈕, 返回選取資源對話方塊返回選取資源對話方塊後, 觀察圖片預覽區的內容, 按鈕返回 IDE 整合開發環境結果表單內的背景圖呈現所選取的圖片內容注意 1 選取本選項, 不會將圖檔加到方案資料夾, 拷貝方案時必須將圖檔和其資料夾路徑一起拷貝選取本選項, 自動將圖檔加入到方案資料夾下的 Resource 資料夾內, 以方便日後方案進行拷貝時不用再拷貝圖檔和其資料夾路徑 3-7

8 Visual C# 2010 基礎必修課視窗樣式的屬性屬性名稱說明 ControlBox 是否顯示控制盒, 預設值為 true HelpButton 是否顯示求助按鈕, 預設值為 false Icon 設定表單縮小時所用的圖示, 預設值為 MaximizeBox 是否顯示最大化鈕, 預設值為 true MinimizeBox 是否顯示最小化鈕, 預設值為 true ShowInTaskbar TopMost 當按視窗右上角的最小化鈕是否顯示在視窗正下方的工作列上, 預設值為 true false 表不顯示表單是否允許被其他視窗遮蓋 true: 不允許置最上層 ; 預設值為 false 允許遮蓋配置類型的屬性屬性名稱 Location Location / X 子屬性 Location / Y 子屬性 Size Size / Width 子屬性 Size / Height 子屬性說明設定表單左上角位置螢幕左上角為基準, 向右及向下的座標值, 預設值為 0,0 [ 例 ] 將表單左上角座標設為 (200,200), 程式寫法如下 : this.location = new Point(200,200); 表單左上角距離螢幕左邊界的水平距離, 預設值為 0 [ 例 ] int x = this.location.x; // 取得表單左上角 x 座標值表單左上角距離螢幕上邊界的垂直距離, 預設值為 0 [ 例 ] int y = this.location.y; // 取得表單左上角 y 座標值表單尺寸大小, 預設值為 300,300 [ 例 ] this.size = new Size(200,200); // 將表單大小設為 (200,200) 表單的水平寬度, 預設值為 300 [ 例 ] int w = this.size.width; // 取得表單的水平寬度表單的垂直高度, 預設值為 300 [ 例 ] int h = this.size.height; // 取得表單的垂直高度 3-8

9 基本輸出入介面設計 3 屬性名稱 StartPosition WindowState 說明決定程式初始化視窗在螢幕出現時的位置, 共有下列 5 種狀態 : Manual( 手動 ) CenterScreen( 螢幕中央 ) WindowsDefaultLocation( 預設位置 - 預設值 ) Windows DefaultBounds( 螢幕中央並調整邊界為適當大小 ) CenterParent( 父視窗中央 ) 表單執行的狀態 : Normal( 一般 ): 表單為設計階段大小 - 預設值 Minimized( 最小化 ): 表單縮為圖示, 置於工作列上 Maximized( 最大化 ): 表單放大佔滿整個螢幕 [ 例 ] this.windowstate = FormWindowState.Maximized; // 表單最大化在程式中的座標和數學上的座標不同, 容器 ( 表單 ) 的左上角座標值為 (0,0), 小括號內的第一個參數 X 座標值也就是水平距離 ; 第二個參數為 Y 座標值也就是垂直距離所以, 表單左上角座標水平方向向右為正 ; 垂直方向向下為正上表中的 StartPosition 屬性值, 可以設定程式執行時表單在螢幕顯示的起始位置若要指定表單顯示的座標位置, 要先選取表單, 再到屬性視窗將 StartPosition 屬性值設為 Manual, 然後再設定 Location 屬性值, 就可以指定表單的起始座標若要設定表單以最大化方式充滿整個表單顯示, 是要將 WindowState 屬性的屬性值設為 Maximized, 而不是設定 MaximizeBox 屬性的屬性值為 true 3-9

Visual C# 2010 基礎必修課 (0,0) X 軸 (799,0) Y 軸 X Y Top (200,150) Left 表單 Height (300) Width (400) (0,599) 800 Pixels (799,599) 上圖程式碼寫法 : this.location=new Point(200,150); // 設定表單左上角座標 this.

10 Visual C# 2010 基礎必修課 (0,0) X 軸 (799,0) Y 軸 X Y Top (200,150) Left 表單 Height (300) Width (400) (0,599) 800 Pixels (799,599) 上圖程式碼寫法 : this.location=new Point(200,150); // 設定表單左上角座標 this.size=new Size(400,300); // 設定表單的寬及高度 3.2 表單的常用事件傳統 DOS 作業系統下, 所設計出來的程式都會按照既定流程執行, 下次執行亦是如此在 Windows 作業系統下, 我們將使用者所操作的每一個動作都視為事件, 事件會被作業系統所攔截, 並傳遞給應用程式的處理序來處理, 是採事件驅動 (Event-Driven) 的觀念所謂事件驅動, 是指程式執行時, 程式會不斷地等待操作者觸發事件, 再根據系統所判斷出的事件, 執行該事件處理函式內所撰寫的程式碼, 由於程式執行時的流程是由操作者決定, 因此每次執行流程未必一樣事件是物件傳送訊息給應用程式, 通知有事情發生需要處理, 而傳送訊息的動作稱為觸動事件或引發事件所觸動的事件要如何處理, 就以程式碼 ( 指令或敘述 ) 撰寫在事件處理函式裡例如家中門鈴響, 就是門鈴物件的按一下 3-10

11 基本輸出入介面設計 3 事件被觸動, 發出訊息 ( 門鈴聲 ) 通知有人來我們可以將要處理方式寫在門鈴 _ 按一下事件處理函式中要做處理的工作若是熟識的人就開門歡迎 ; 若是推銷員就假裝不在家 Visual C# 的程式編寫就是以物件的事件為導向, 所以了解物件的事件觸動時機就很重要 Visual C# 對事件處理函式的命名, 結合了事件傳送者 ( 表單或控制項 ) 的物件名稱和事件名稱, 兩者中間以底線作區隔例如 : 當你在表單設計階段的 button1 鈕上快按兩下即會進入到程式碼編輯區的 button1_ Click 事件處理函式內, 此時即會在 Form1.Designer.cs 檔案內自動新增 button1.click += new EventHandler(button1_Click); 敘述, 使得 button1 的 Click 事件被觸發時會執行 button1_click 事件處理函式, 而 button1_ Click 事件處理函式是存放在 Form1.cs 檔中至於 button1 的 Click 事件處理函式的寫法如下 : // 此敘述是指定 button1 的 Click 事件被觸發時會去執行 button1_click 事件處理函式 button1.click += new EventHandler(button1_Click); 此敘述會自動新增在 Form1.Designer.cs 檔中定義將要處理的事件處理函式 private void button1_click(object sender, EventArgs e) { 參數 1 參數 2 } 控制項的事件處理函式會存放 Form1.cs 檔中事件處理函式名稱物件名稱物件包括表單或控制項, 它們都有自己本身對應的事件有些事件可能是某控制項所獨有, 也可能其他的控制項也具有譬如 : 在表單物件上按一下會觸動該表單的 Click 事件, 在按鈕控制項上按一下也會觸動該按鈕的 Click 事件表單物件有 Load 事件, 但是按鈕控制項則沒有 Load 事件本節先介紹表單物件常見的五個事件, 依序為 :Load Activated Click DoubleClick Paint 3-11

12 Visual C# 2010 基礎必修課表單事件名稱 Load ( 預設事件 ) Activated Click DoubleClick Paint 說明此事件發生時機是程式開始執行表單第一次載入時會觸動此事件, 將此事件處理函式內程式碼執行一次是表單最早被觸動的事件, 也是優先權最高的事件, 通常只執行一次常在此事件處理函式中設定物件屬性的初值此事件是表單的預設事件, 也就是在表單無控制項的地方快按兩下即進入表單的 Load 事件程式碼編輯環境當啟動表單時會觸發此事件在表單的 Load 事件處理函式執行後, 接著執行該表單物件的 Activated 事件此事件的發生時機是每當程式視窗 ( 表單 ) 成為作用視窗時, 即會觸動該表單的 Activated 事件此事件被執行次數不止一次表單被開啟為作用視窗的情況有下列三種 : 表單第一次被載入時, 先執行 Load 事件, 接著執行 Activated 事件使用滑鼠游標點選視窗, 使它置於其他視窗最上層, 此時該視窗就成為作用視窗若程式視窗最小化至工作列, 再把它開啟時, 該視窗會被放在桌面的最上層, 此時該視窗就成為作用視窗程式執行時, 在表單內沒有放置控制項的地方按一下滑鼠左鍵時, 就會觸動該表單物件的 Click 事件程式執行時, 在表單內沒有放置控制項的地方快按二下滑鼠左鍵時, 就會觸動該表單的 DoubleClick 事件由於執行 DoubleClick 事件前,Click 事件會先被觸動, 設計程式時要注意兩事件的先後關係當表單內的控制項被重繪時會觸發此事件在表單第一次載入時依序先執行 Load Activated 和 Paint 事件若 Form1 遮住 Form2 時, 當 Form1 移走時, 會執行放在 Form2 的 Paint 事件內的程式碼若 Form2 表單在最上層即是作用表單, 只要 Form2 表單大小有被拉大時, 也會觸動 Paint 事件注意例如在 Click 事件內將某數加 1, 在 DoubleClick 事件內將某數加 2 實際執行 DoubleClick 事件後某數會加 3, 因為在 Click 事件處理函式內某數先加 1, 在 DoubleClick 事件處理函式內又再加

基本輸出入介面設計 3 FileName:EventTest.sln 試依據 Form1 表單物件發生下列事件, 寫出各事件設定相關屬性的程式碼 : Load 事件標題欄顯示 " 表單 Load 事件測試...", 並將表單最大化 Activated 事件標題欄顯示 " 表單 Activated 事件測試.

13 基本輸出入介面設計 3 FileName:EventTest.sln 試依據 Form1 表單物件發生下列事件, 寫出各事件設定相關屬性的程式碼 : Load 事件標題欄顯示 " 表單 Load 事件測試...", 並將表單最大化 Activated 事件標題欄顯示 " 表單 Activated 事件測試...", 並將表單的背景色設成橘色 (Orange) Click 事件標題欄顯示 " 表單 Click 事件測試...", 並將表單的背景色設成綠色 (Green) DoubleClick 事件標題欄顯示 " 表單 DoubleClick 事件測試...", 並將表單的背景色設成灰色 (Gray) 解題技巧建立專案和表單物件的 Form1_ Load 事件處理函式 1. 建立專案名稱為 EventTest 的 Windows Form 應用程式專案 2. 由於 Load 為表單的預設事件, 允許在表單空白處快按兩下, 直接進入 Form1_Load 事件處理函式內 3. 本例要求在 Form1_Load 事件處理函式內做下列屬性初值設定 : 將標題欄名稱 (Text) 更名為表單 Load 事件測試... 將表單的 WindowState 屬性設成最大化 3-13

14 Visual C# 2010 基礎必修課 4. 按鍵執行程式, 注意程式視窗標題欄的文字變化及表單已經被最大化點選程式視窗右上方的關閉鈕, 關閉表單建立表單物件的 Form1_Activated 事件處理函式 1. 在屬性視窗工具列的事件鈕上按一下拉出表單的事件清單, 移動滑鼠到 Activated 事件名稱上快按兩下, 進入表單的 Form1_Activated 事件處理函式內 2. 本例要求在 Form1_Activated 事件處理函式內做下列屬性初值設定 : 將標題欄名稱 (Text) 更名為表單 Activated 事件測試... 將表單的背景色 (BackColor) 改為橘色 (Orange) 3-14

15 基本輸出入介面設計 3 3. 按鍵執行程式, 注意程式視窗標題欄的文字變化, 由於先執行表單的 Form1_Load 事件處理函式後, 馬上執行 Form1_Activated 事件處理函式, 因此表單被最大化, 但標題欄改顯示 " 表單 Activated 事件測試..." 且表單背景色變成橘色 4. 點選程式視窗右上方的關閉鈕, 關閉表單依下圖操作, 撰寫表單物件的 Form1_Click 事件處理函式, 當在表單上按一下, 將表單標題設為 " 表單 Click 事件測試...", 且表單背景色改為綠色 3-15

16 Visual C# 2010 基礎必修課建立表單物件的 Form1_DoubleClick 事件處理函式 1. 按照上面建立事件方式, 進入表單的 Form1_DoubleClick 事件處理函式 2. 在 Form1_DoubleClick 事件處理函式內輸入下列程式碼 : this.text = " 表單 DoubleClick 事件測試..."; this.backcolor = Color.Gray; 按照下列指示操作觀察各事件變化情形 1. 按鍵執行程式, 先執行 Form1_Load() 事件處理函式, 接著執行 Form1_Activated() 事件處理函式 2. 在表單上按一下觸動 Form1_Click() 事件處理函式 3. 在表單上快按兩下觸動 Form1_DoubleClick() 事件處理函式 4. 將表單最小化, 到視窗最下方工作列點選此表單會觸動表單的 Form1_Activated() 事件處理函式 5. 點選程式視窗右上方的關閉鈕, 關閉表單完整程式碼 FileName: EventTest.sln 01 namespace EventTest 02{ 03 public partial class Form1 : Form 04 { 05 public Form1() 06 { 07 InitializeComponent(); 08 } 09 // 表單載入時會執行 Form1_Load 事件處理函式 10 private void Form1_Load(object sender, EventArgs e) 11 { 12 this.text = " 表單 Load 事件測試..."; 13 this.windowstate = FormWindowState.Maximized; 3-16

17 基本輸出入介面設計 3 14 } 15 // 表單啟動時會執行 Form1_Activated 事件處理函式 16 private void Form1_Activated(object sender, EventArgs e) 17 { 18 this.text = " 表單 Activateed 事件測試..."; 19 this.backcolor = Color.Orange; 20 } 21 // 在表單上按一下會執行 Form1_Click 事件處理函式 22 private void Form1_Click(object sender, EventArgs e) 23 { 24 this.text = " 表單 Click 事件測試..."; 25 this.backcolor = Color.Green; 26 } 27 // 在表單上快按兩下時會執行 Form1_DoubleClick 事件處理函式 28 private void Form1_DoubleClick(object sender, EventArgs e) 29 { 30 this.text = " 表單 DoubleClick 事件測試..."; 31 this.backcolor = Color.Gray; 32 } 33 } 34 } 3.3 標籤控制項使用標籤 (Label) 控制項可以在表單上提供文字的提示訊息顯示程式執行過程或最後結果, 但是標籤控制項執行時只能顯示文字和數字資料, 但無法透過鍵盤來輸入文字內容點選工具箱中標籤工具, 然後在表單上按一下或拖曳, 就會建立一個 label1 標籤控制項,label1 是標籤控制項的預設名稱 3-17

18 Visual C# 2010 基礎必修課標籤控制項的常用屬性屬性名稱說明 Name 為標籤控制項的物件名稱以供程式中參用, 預設值為 label1 AutoSize BorderStyle Font / Name 控制項的寬度是否隨文字的寬度自動調整, 預設值為 true [ 例 ] 將 label1 標籤控制項寬度固定不自動調整程式寫法 : label1.autosize= false; 標籤的框線樣式 : None( 沒有框線 ) - 預設值 FixedSingle( 單線固定 ) Fixed3D( 立體固定 ) [ 例 ] 將 label1 標籤控制項邊框設成立體固定程式寫法 : label1.borderstyle=borderstyle.fixed3d; 可用來設定顯示字體的字型名稱, 不同字型名稱會顯示不一樣效果的字體, 預設值為新細明體 Font / Size 用來設定字體大小, 預設值為 9 Font / Unit Font / Bold Font / Italic Font / Strikeout Font / Underline ForeColor Image Text 設定字體大小的單位, 有下列 6 種 :World( 全局座標系統 ) Pixel( 像素 ) Point( 點數 - 印表機用的單位, 一點為 1/72 英吋 ) - 預設值 Inch( 英吋 ) Document( 文件單位 - 一單位為 1/300 英吋 ) Millimeter( 公厘 ) true( 以粗體字顯示 ) false( 非粗體字 )- 預設值 true( 以斜體字顯示 ) false( 非斜體字 ) - 預設值 true( 字體顯示時加刪除線 ) false( 不加刪除線 ) - 預設值 true( 字體顯示時加底線 ) false( 不加底線 ) - 預設值設定物件或控制項的前景色, 在標籤控制項中 ForeColor 屬性就是用來設定文字的顏色, 預設值為 Control 顯示圖形, 使用方式與表單的 BackgroundImage 相同, 預設值為無標籤控制項上面顯示的文字, 可當輸入的提示訊息或顯示輸出結果預設值為 label1 3-18

Microsoft Word - ch doc

Microsoft Word - ch doc 3 基本輸出入介面設計學習表單物件常見的屬性學習表單物件常用的事件程序學習 Label 標籤控制項的使用學習 Button 按鈕控制項的使用學習 TextBox 文字方塊控制項的使用學習如何將文字作格式化輸出學習使用 InputBox 函式接受資料輸入學習使用 MsgBox 函式與 MsgBox 敘述輸出提示 Visual Basic 基礎必修課 3.1 表單物件常見屬性前面章節已介紹過建立輸出入介面是設計