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

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

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

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

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

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

5 進入 整合開發環境

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

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

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

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

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

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

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

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

14 2. 固定式工具箱

15 二. 方案總管

16 三. 屬性視窗

17 2. 事件名稱窗格

18 四. 程式碼視窗

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

20 參閱 6-13頁

21

22

23 屬性值設定的方式有三種

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

25

26 三、程式碼設計階段

27

28 四. 專案偵錯階段

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

30

31 二. 內建列舉型別

32

33

34

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

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

37 三. New 函式

38

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

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

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

42

43

44 6-5 Form表單物件

45

46

47

48

49 二. 表單常用事件

50 參閱本書6-38頁

51

52

53 編寫程式碼 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;

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

55

56

57 二. Button 控制項

58 三. TextBox 控制項

59

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

61

62

63

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

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

66

67 參閱本書6-48頁

68

69

70

71 6-7 ToolTip 提示控制項

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

73 6-8 MessageBox 類別

74 一. MessageBox.Show 方法

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

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

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

78 三、MessageBox.Show 方法的傳回值

79

80 參閱本書6-55頁

81

82

83 輸出入介面

84 本章結束 Take a Break …..