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