創建對話框資源需要創建對話框模板、修改對話框屬性、爲對話框添加各種控件等步驟,前面一講中雞啄米已經講了創建對話框模板和修改對話框屬性,本節繼續講如何爲對話框添加控件。
上一講中雞啄米創建了一個名爲“Addition”的工程,目的是生成一個實現加法運算的應用程序。實現加法計算有幾個必要的因素:被加數、加數、和。被加數和加數需要輸入,和需要輸出顯示。那麼這幾個因素都需要相應的控件來輸入或顯示,下面雞啄米就一步步講解如何添加這些控件。
1.爲對話框添加一個靜態文本框(Static Text),用於顯示字符串--“被加數”。
上一講中生成的資源模板中自動添加了一個標題爲“TODO:Place dialog controls here.”的靜態文本框,我們可以修改它的標題繼續使用,也可以刪掉它。這裏爲了從頭講解靜態文本框的添加過程,將它刪掉,繼續添加新的靜態文本框。
刪除控件時,可以使用鼠標左鍵點擊選中它,選中後控件的周圍會出現虛線框,然後按Delete鍵就可以將其刪除了。在“Addition”工程的ResourceView中打開上一講中創建的對話框模板IDD_ADDITION_DIALOG,自動添加的靜態文本框就可以使用這種方法刪除。
在添加新的靜態文本框以前,先看看Toolbox視圖是否顯示了,如果沒有顯示,在菜單欄上點擊View->Toolbox即可。Toolbox視圖如下圖:
Toolbox中列出了一些常用控件,其中有一個是Static Text,即是我們要添加的控件。在Toolbox中的StaticText上點下鼠標左鍵不放開,並拖到IDD_ADDITION_DIALOG對話框模板上,模板上會出現一個虛線框,我們找到合適的位置鬆開鼠標左鍵放下它。
用鼠標左鍵選中控件後周圍出現虛線框,然後鼠標移到虛線框上幾個黑點的位置會變成雙向箭頭的形狀,此時就可以按下鼠標左鍵並拖動來改變控件大小了。我們可以這樣改變新添加的靜態文本框控件的大小,以更好的顯示標題。當然,整個對話框模板也可以用這種方法改變大小。
接下來就該修改靜態文本框的文字了。鼠標右鍵點擊靜態文本框,在右鍵菜單中選擇“Properties”,Properties面板就會顯示出來,在面板上修改Caption屬性爲“被加數”,ID修改爲IDC_SUMMAND_STATIC。此時模板如下圖:
2.爲對話框添加一個編輯框(EditControl),用來輸入被加數。
添加編輯框的過程與靜態文本框類似,在Toolbox中選中Edit Control控件拖到對話框模板上,並使其與之前的靜態文本框水平對齊(爲了美觀),然後調整其大小使之適合被加數的輸入。
在編輯框上點右鍵,仍然在右鍵菜單中選擇“Properties”顯示出屬性(Properties)面板,修改其ID爲IDC_SUMMAND_EDIT。此時模板如下圖:
3.按照1的方法添加一個標題爲“加數”的靜態文本框,用於顯示字符串--“加數”。並將其ID改爲IDC_ADDEND_STATIC。
4.按照2的方法添加一個ID爲IDC_ADDEND_EDIT的編輯框,用來輸入加數。
5.按照1的方法添加一個標題爲“和”的靜態文本框,用於顯示文字--“和”。並修改其ID爲IDC_SUM_STATIC。
6.按照2的方法添加一個ID爲IDC_SUM_EDIT的編輯框,用來顯示最終的加和。
7.類似的添加按鈕(Button)控件到對話框模板,用於在被點擊後觸發加法計算。修改其標題爲“計算”,ID爲IDC_ADD_BUTTON。
到此,對話框模板如圖:
8.刪除OK按鈕。打開Cancel按鈕的屬性面板,將標題改爲“退出”,並使其與“計算”按鈕水平對齊。
9.根據控件的佈局,適當調整整個對話框模板的大小,使其相對控件佈局來說大小合適,界面美觀。
這樣在對話框模板中就把我們在本例中需要用到的控件就添加完了。最終效果如下: