第六章 視窗應用程式設計初探 本章投影片僅供本書上課教師使用，非經同意請勿供網路下載或拷貝

6-1 初探視窗應用程式 前面章節程式在 主控台模式下執行。 視窗應用程式是在 視窗模式下執行。 主要差異  在輸出入介面資料輸入和輸出的方式不同  後者輸出入介面不用寫程式碼在程式編寫 階段 便可調整輸出入介面，不用等到執行。 視窗應用程式是以 .NET Framework 為基礎 的 Windows Form 平台來設計專案。

何謂專案？ 是以表單(Form)為容器。 在容器內放置功能表、清單、文字方塊、命令 按鈕、核取方塊、選項按鈕等控制項。 藉由程式碼將表單和這些控制項間的關係 透過 事件驅動方式串接起來。 專案執行時表單成為一個視窗應用程式。

一. 開啟 VC# 2013 整合開發環境

進入 整合開發環境

二. 視窗應用程式的執行與關閉 1. 執行  執行功能表的【偵錯(D)/開始偵錯(S)】指令  按鍵盤 <F5> 快捷鍵 開啟標題名稱為 Form1的程式視窗

二. 視窗應用程式的執行與關閉 Continue… 2. 結束執行  按視窗標題欄右上方的 關閉鈕  執行功能表【偵錯(D)/停止偵錯(E)】指令 結束視窗程式執行，返回 整合開發環境。

三. 視窗應用程式的儲存與開啟

三. 視窗應用程式的儲存與開啟 儲存程式  選功能表的 全部儲存圖示  執行功能表【檔案(F)/全部儲存(L)】指令。  選功能表的 全部儲存圖示  執行功能表【檔案(F)/全部儲存(L)】指令。 First專案的相關檔案會重新儲存在 c:\cs2013\ ch06 資料夾內。

2.如何離開整合開發環境

3. 如何瀏覽(開啟)專案資料夾

在「bin\Debug」資料夾內 放置本專案編譯的可執行 Windows 視窗應用程式，檔名為 First。

6-2 認識視窗應用程式的開發環境 一. 彈跳式工具箱

2. 固定式工具箱

二. 方案總管

三. 屬性視窗

2. 事件名稱窗格

四. 程式碼視窗

6-3 視窗應用程式的設計階段 視窗應用程式設計四階段：

參閱 6-13頁

屬性值設定的方式有三種

設定其它控制項 Name與 Text 屬性

三、程式碼設計階段

四. 專案偵錯階段

6-4 如何在程式中設定屬性

二. 內建列舉型別

2. BorderStyle (邊框)的列舉型別為BorderStyle [例] 將 label1 控制項邊框設成 3D立體框線，寫法： label1.BorderStyle = BorderStyle.Fixed3D;

3. TextAlign 文字對齊方式的列舉型別為 ContentAlignment：

三. New 函式

[例] 表單左上角座標用 Top 和 Left 屬性來記錄 寫法 this.Top = 150; this.Left = 100; [例] 在程式中設定表單的左上角座標為(150, 100)， 寫法： this.Location = new Point(150, 100);

[例] 表單的大小使用 Width 和 Height 屬性來設定 表單的寬度與高度，寫法： this.Width = 250; this.Height = 200; [例] Size 屬性含有 Width 和 Height 兩個子屬性， 可用來設定表單大小。寫法： this.Size = new Size(250, 200);

2. Image(前景圖)、BackgroundImage(背景圖) 程式中常用設定方式：

6-5 Form表單物件

二. 表單常用事件

參閱本書6-38頁

編寫程式碼 private void Form1_Activated(object sender, EventArgs e) { this.Text = "Activated 事件"; this.Location = new Point(50, 50); this.Size = new Size(300, 200); this.BackColor = Color.Green; } private void Form1_Click(object sender, EventArgs e) this.Text = "Click 事件"; this.BackColor = Color.White;

6-6 標籤、按鈕、文字方塊控制項

二. Button 控制項

三. TextBox 控制項

1. 活用 Multiline、WordWrap 和ScrollBars屬性  Multiline = False 使得超出文字方塊寬度範圍的資料無法顯示。  Multiline = True 可調整文字方塊元件的上下高度來顯示多行文字。  Multiline = True 且 WordWrap = True時 超過文字方塊寬度的資料自動移到下一行前面繼續顯示。  Multiline＝True 且WordWrap = False 時 需進一步設定 ScrollBars 屬性，使其出現垂直或水平 捲動軸，才能操控範圍。 2. 將 textBox1 輸入字母自動變成大寫顯示，寫法： textBox1.CharacterCasing = CharacterCasing.Upper;

四. TextBox 控制項常用的方法 textBox1.Focus( ); 1. Clear( )方法： 將元件內顯示的內容清成空白。將textBox1 上 顯示的文字清空白，寫法： textBox1.Clear( ); textBox1.Text = ””功能同。 2. Focus( )方法： 程式執行可透過 <Tab> 鍵依序切換控制項 透過 Focus()方法可直接切換到指定控制項上 成為作用控制項。 textBox1.Focus( );

五. TextBox 控制項的 TextChanged事件 文字方塊輸入資料後按 <確定> 鈕或 按 <Enter> 鍵才處理與文字方塊內容有關的動作。

參閱本書6-48頁

6-7 ToolTip 提示控制項

二、ToolTip 提示控制項常用的方法 SetToolTip 方法 在程式執行階段用來設定某個控制項元件的 提示文字。 將 button1 控制項的提示文字設為「點按一下」寫法： toolTip1.SetToolTip(button1 , “點按一下”);

6-8 MessageBox 類別

一. MessageBox.Show 方法

二. MessageBox.Show 方法按鈕常數和圖示常數

下表為圖示常數與對應圖示對照表：

寫法: MessageBox.Show("心美，看什麼都漂亮！", "開朗", MessageBoxButtons. YesNo, MessageBoxIcon.Asterisk);

三、MessageBox.Show 方法的傳回值

參閱本書6-55頁

輸出入介面

本章結束 Take a Break …..