高等視窗程式設計

32
1 高高高高高高高高 GUI 高高高 (Dialog Base) 高高高

Upload: elita

Post on 05-Jan-2016

69 views

Category:

Documents


0 download

DESCRIPTION

高等視窗程式設計. GUI 的使用 (Dialog Base). 游子宜. 開啟新的 MFC 專案. Step1 :新增 MFC 專案. Step2 :歡迎畫面. Step3 :選取應用程式類型. Step4 :設定進階功能. Step5 :完成專案初始化. 對話盒控制項的種類. Button Static Text Edit Box. Button 的介紹. Step1 :選 取 button 工具. Button 的介紹 ( 續 ). Step2 :調整 button 的屬性. Button 的介紹 ( 續 ). - PowerPoint PPT Presentation

TRANSCRIPT

Page 1: 高等視窗程式設計

1

高等視窗程式設計GUI的使用 (Dialog Base) 游子宜

Page 2: 高等視窗程式設計

2

開啟新的 MFC專案

Page 3: 高等視窗程式設計

3

Step1:新增 MFC專案

Page 4: 高等視窗程式設計

4

Step2:歡迎畫面

Page 5: 高等視窗程式設計

5

Step3:選取應用程式類型

Page 6: 高等視窗程式設計

6

Step4:設定進階功能

Page 7: 高等視窗程式設計

7

Step5:完成專案初始化

Page 8: 高等視窗程式設計

8

對話盒控制項的種類 Button Static Text Edit Box

Page 9: 高等視窗程式設計

9

Button的介紹 Step1:選取 button工具

Page 10: 高等視窗程式設計

10

Button的介紹 ( 續 )

Step2:調整 button的屬性

Page 11: 高等視窗程式設計

11

Button的介紹 ( 續 )

Step3:調整 button的屬性 ( 續 )

Page 12: 高等視窗程式設計

12

Button的介紹 ( 續 )

Step4:對 button的事件下指令

Page 13: 高等視窗程式設計

13

Button的介紹 ( 續 )

Step5:成功建置 button

Page 14: 高等視窗程式設計

14

Static Text的介紹 Step1:選取 static text工具

Page 15: 高等視窗程式設計

15

Static Text的介紹 ( 續 )

Step2:調整 static text的屬性

Page 16: 高等視窗程式設計

16

Static Text的介紹 ( 續 )

Step3:調整 static text的屬性( 續 )

Page 17: 高等視窗程式設計

17

Static Text的介紹 ( 續 )

Step4 : static text無事件動作

Page 18: 高等視窗程式設計

18

Static Text的介紹 ( 續 )

Step5:成功建置 static text

Page 19: 高等視窗程式設計

19

Edit Box的介紹 Step1:選取 edit box工具

Page 20: 高等視窗程式設計

20

Edit Box的介紹 ( 續 )

Step2:調整 edit box的屬性

Page 21: 高等視窗程式設計

21

Edit Box的介紹 ( 續 )

Step3:調整 edit box的屬性 ( 續 )

Page 22: 高等視窗程式設計

22

Edit Box的介紹 ( 續 )

Step4:對 edit box的事件下指令

Page 23: 高等視窗程式設計

23

Edit Box的介紹 ( 續 )

Step5:成功建置 edit box

Page 24: 高等視窗程式設計

24

What is DDX & DDV ?

由 MFC所提供,用於在對話盒與對話盒物件間進行: 資料交換 (Data Exchange) :

將 user設定於對話盒中控制項中的資料,與程式所對應的對話盒物件之屬性,進行資料的交換。

資料檢查 (Data Vaildation) :檢查由 user輸入對話盒中傳入的資料是否正確,若違反檢查規則,則自動跳出警告方塊。

Page 25: 高等視窗程式設計

25

What is DDX & DDV ? (續 )

需使用 DDX/DDV機制的控制項: Static Text Edit Box

不需使用 DDX/DDV機制的控制項: Button

Page 26: 高等視窗程式設計

26

以計算機程式範例為例

Page 27: 高等視窗程式設計

27

Step6:建立對話盒使用資源

Page 28: 高等視窗程式設計

28

Step7:建立對話盒的 DDX/DDV機制

Page 29: 高等視窗程式設計

29

Step8:建立對話盒的 DDX/DDV機制( 續 )

Page 30: 高等視窗程式設計

30

Step9:建立 [ 清除 ] 按鈕的回應函數

Page 31: 高等視窗程式設計

31

Step10:過載 OnCommand函數

Page 32: 高等視窗程式設計

32

Step11:結果畫面