摘要
本講先來討論對話框界面設(shè)計的一般過程和技巧,然后創(chuàng)建對話框類并用模式和無模式的方式來顯示對話框。
對話框的界面設(shè)計過程
對話框是Windows應(yīng)用程序中最重要的用戶界面元素之一,它是通過對話框上的各種控件來和用戶進(jìn)行交互的。所謂"控件",是指具有一定功能的界面單元,如按鈕、編輯框、列表框、組合框等。在這里,我們先來討論對話框的界面設(shè)計過程。
1. 添加對話框資源
(1) 啟動Visual Studio .net,打開上一講的單文檔應(yīng)用程序項目Viewer。
(2) 打開"項目"菜單,單擊"添加資源",彈出"添加資源"對話框,如圖1所示。
(3) 在該對話框中,"導(dǎo)入"按鈕是從外部導(dǎo)入一個已有的資源,"自定義"是用來創(chuàng)建一個新的資源類型。在"資源類型"中選定"Dialog",然后單擊"新建"按鈕。這時"添加資源"對話框消失,回到Visual C++ .NET開發(fā)環(huán)境。可以看到,系統(tǒng)為對話框資源自動賦給它一個默認(rèn)的標(biāo)識名稱IDD_DIALOG1,且有兩個按鈕:"確定"和"取消",在左側(cè)對話框編輯器窗口中,還會自動彈出工具箱窗口。
(4) 單擊工具箱窗口上的"
(5) 在對話框的空白處,單擊鼠標(biāo),將會在屬性窗口中顯示出對話框資源的屬性。圖2所示的僅是展開"字體"屬性的情形,可以看出:對話框?qū)傩杂?外觀"、"位置"、"行為"、"雜項"和"字體"。其中,對話框Caption(標(biāo)題)屬性在"外觀"中,ID屬性在"雜項"中,如圖2所示。
在對話框中添加控件的方法有很多,這里我們推薦這樣的方法:在"工具箱"窗口中,單擊要添加的控件并按住鼠標(biāo)不放,然后移動到對話框中,此時鼠標(biāo)指針帶有一個"+",在需要添加的位置處松開鼠標(biāo),這樣就添加了該控件。一旦控件添加后,我們可以使用下列一些方法來布置控件。
第一個方法是使用網(wǎng)格和參照線。默認(rèn)時對話框顯示的是參照線,如圖3所示,控件的位置一般不能超過參照線的范圍,但我們可以通過對話框四周的尺寸柄來調(diào)整對話框的尺寸,同時參照線也會自動調(diào)整。單擊對話框編輯器工具欄上的"網(wǎng)絡(luò)"按鈕
第二個方法是使用對話框編輯器工具欄。對話框編輯器工具欄上包含用于對話框控件布局的工具按鈕,如圖4所示,它與"格式"菜單下的菜單項命令相對應(yīng)。
需要說明的是,
?、?在使用布局命令之前,首先要選取要布局的控件,一般有好幾個,稱為控件組,這時只有一個控件周圍有實心小方塊(一般有八個),這個控件稱為"主導(dǎo)控件",布局操作都是以這個"主導(dǎo)控件"為參照的。
?、?選取多個控件的方法有兩個。一是框選,即:拖動鼠標(biāo)指針,在對話框中要選擇的控件周圍畫一個選框。當(dāng)釋放鼠標(biāo)按鈕后,選框內(nèi)和與該框相交的所有控件都被選定。二是單選,即先按住Ctrl或Shift鍵,然后單擊要選擇的控件。若按住的鍵是Shift,則再次單擊已選定的控件,那么該控件被取消選定。
?、?當(dāng)按住Ctrl鍵后,再單擊控件,則該控件就是"主導(dǎo)控件"。
3. 為對話框創(chuàng)建一個類
要想顯示和控制對話框,必須先為其創(chuàng)建一個對話框類,如下面的過程:
(1) 在對話框編輯器中,雙擊對話框的空白處,或右擊對話框,彈出快捷菜單,單擊"添加類",彈出"MFC類向?qū)?對話框。
(2) 在"類名"框中,鍵入創(chuàng)建的類名CSetDlg,注意我們一般將大寫字母C作為類名的第一個字符,以與其它標(biāo)識符相區(qū)別。
(3) 從"基類"組合框中選擇"CDialog"(MFC對話框類),結(jié)果如圖5所示。其中,".h文件"和".cpp文件"用來指定新類的頭文件和實現(xiàn)文件。單擊
對話框有兩種類型,一種是模式對話框,另一種是無模式對話框。所謂"模式對話框"是指當(dāng)對話框顯示后,用戶必須在對話框中作出相應(yīng)的操作,在退出對話框之前,對話框所在的應(yīng)用程序不能執(zhí)行其他操作。所謂"無模式對話框"是指當(dāng)對話框被彈出后,一直保留在屏幕上,用戶可繼續(xù)在應(yīng)用程序中進(jìn)行其它操作。
1. 模式對話框的顯示
一般情況下,我們看見的對話框多數(shù)是模式對話框。下面將前面的對話框以"模式"方式來顯示。
(1) 將解決方案資源管理器窗口切換到"資源視圖",雙擊Menu下的IDR_MAINFRAME,打開Viewer中的菜單資源。
(2) 在"格式"菜單中添加一個菜單項"背景設(shè)置(&B)…",其ID設(shè)為ID_FOMAT_SET。
(3) 由于該對話框用來設(shè)置視圖的背景色,因此我們需將菜單項ID_FOMAT_SET的COMMAND事件映射添加在CViewerView類中,并在映射函數(shù)CViewerView::OnFormatSet中添加顯示對話框代碼,如圖6所示。
程序說明:
?、?程序中, DoModal()是CDialog的成員函數(shù),用來負(fù)責(zé)模式對話框的顯示和終止。
② 當(dāng)對話框顯示后,只有當(dāng)用戶單擊"確定"按鈕后,系統(tǒng)才認(rèn)定用戶在對話框中的選擇或輸入有效,函數(shù)DoModal返回IDOK,否則DoModal返回IDCANCEL,對話框中的選擇或輸入無效。
③ MessageBox是一個MFC窗口類CWnd的一個成員函數(shù),用來顯示一個"消息對話框",顯示指定的內(nèi)容。
(4) 在類CViewerView接口文件ViewerView.h的前面添加CSetDlg類的包含頭文件,如圖7所示的加框部分。
(5) 運行程序,打開"格式"菜單,單擊"背景設(shè)置",結(jié)果如圖7所示。由于我們還沒有向?qū)υ捒蛱砑涌丶虼孙@示的是一個默認(rèn)的對話框。單擊"確定"按鈕后,還將彈出一個消息對話框,這就是上述代碼的作用。
無模式對話框與模式對話框的區(qū)別主要體現(xiàn)在:
?、?模式對話框是由系統(tǒng)自動分配內(nèi)存空間,在對話框退出時,對話框?qū)ο笞詣觿h除。而無模式對話框則需要用戶來指定內(nèi)存,退出時還需自己來刪除對話框?qū)ο蟆?/p>
?、?在退出時,無模式對話框與模式對話框所使用的終止函數(shù)是不一樣的。模式對話框通過調(diào)用CDialog:: EndDialog來終止,而無模式對話框則是調(diào)用CWnd::DestroyWindow來終止的。
由于用戶單擊"確定"或"取消"按鈕時,無論是模式還是無模式,對話框都將終止。因此對于無模式對話框來說,我們須在CDiaolog::OnOK()和CDiaolog::OnCancel()的函數(shù)重載中調(diào)用DestroyWindow()來退出對話框窗口,并且由于當(dāng)用戶單擊"確定"時,對話框的輸入數(shù)據(jù)有效,因此我們還需要在對話框退出之前調(diào)用CWnd::UpdateData來使輸入有效(后面還要討論)。下面就來操作。
(1) 將解決方案資源管理器窗口切換到"類視圖",單擊CSetDlg,然后在其屬性窗口中單擊"重寫"按鈕,這樣屬性窗口中就會列出了所有可重載的函數(shù)。
(2) 打開OnOK和OnCancel函數(shù),添加它們的重載。圖9是在其屬性窗口中添加OnOK重載時的情形。
(3) 在OnOK和OnCancel函數(shù)中添加代碼,如圖10所示。
(4) 在CViewerView類中添加一個成員指針變量m_pSetDlg,變量類型為CSetDlg*。
(5) 在CViewerView類的析構(gòu)函數(shù)中添加對該對話框指針的刪除代碼,如圖11所示。
圖11 在析構(gòu)函數(shù)中添加刪除代碼
(6) 修改CViewerView::OnFormatSet代碼,結(jié)果如圖12所示。
(7) 運行程序,結(jié)果和模式對話框一樣。問題是,如何獲取無模式對話框中用戶輸入的數(shù)據(jù)呢?我們在下一講中將加以討論。