創(chuàng)建對話框資源需要創(chuàng)建對話框模板、修改對話框?qū)傩浴閷υ捒蛱砑痈鞣N控件等步驟，前面一講中已經(jīng)講了創(chuàng)建對話框模板和修改對話框?qū)傩?/a>，本節(jié)繼續(xù)講如何為對話框添加控件。

上一講中創(chuàng)建了一個名為“Addition”的工程，目的是生成一個實(shí)現(xiàn)加法運(yùn)算的應(yīng)用程序。實(shí)現(xiàn)加法計算有幾個必要的因素：被加數(shù)、加數(shù)、和。被加數(shù)和加數(shù)需要輸入，和需要輸出顯示。那么這幾個因素都需要相應(yīng)的控件來輸入或顯示，下面就一步步講解如何添加這些控件。當(dāng)功能實(shí)現(xiàn)了想要擁有美觀的界面可以借助Toolkit Pro進(jìn)行界面優(yōu)化。

Xtreme Toolkit Pro：是屢獲殊榮的VC界面庫，是MFC開發(fā)中最全面界面控件套包，它提供了Windows開發(fā)所需要的11種主流的Visual C++ MFC控件，包括Command Bars、Controls、Chart Pro、Calendar、Docking Pane、Property Grid、Report Control、Shortcut Bar、Syntax Edit、Skin Framework 和Task Panel。

點(diǎn)擊下載Xtreme Toolkit Pro最新試用版

1.為對話框添加一個靜態(tài)文本框（Static Text），用于顯示字符串--“被加數(shù)”。

上一講中生成的資源模板中自動添加了一個標(biāo)題為“TODO:Place dialog controls here.”的靜態(tài)文本框，我們可以修改它的標(biāo)題繼續(xù)使用，也可以刪掉它。這里為了從頭講解靜態(tài)文本框的添加過程，將它刪掉，繼續(xù)添加新的靜態(tài)文本框。

刪除控件時，可以使用鼠標(biāo)左鍵點(diǎn)擊選中它，選中后控件的周圍會出現(xiàn)虛線框，然后按Delete鍵就可以將其刪除了。在“Addition”工程的Resource View中打開上一講中創(chuàng)建的對話框模板IDD_ADDITION_DIALOG，自動添加的靜態(tài)文本框就可以使用這種方法刪除。

在添加新的靜態(tài)文本框以前，先看看Toolbox視圖是否顯示了，如果沒有顯示，在菜單欄上點(diǎn)擊View->Toolbox即可。Toolbox視圖如下圖：

Toolbox中列出了一些常用控件，其中有一個是Static Text，即是我們要添加的控件。在Toolbox中的Static Text上點(diǎn)下鼠標(biāo)左鍵不放開，并拖到IDD_ADDITION_DIALOG對話框模板上，模板上會出現(xiàn)一個虛線框，我們找到合適的位置松開鼠標(biāo)左鍵放下它。

用鼠標(biāo)左鍵選中控件后周圍出現(xiàn)虛線框，然后鼠標(biāo)移到虛線框上幾個黑點(diǎn)的位置會變成雙向箭頭的形狀，此時就可以按下鼠標(biāo)左鍵并拖動來改變控件大小了。我們可以這樣改變新添加的靜態(tài)文本框控件的大小，以更好的顯示標(biāo)題。當(dāng)然，整個對話框模板也可以用這種方法改變大小。

接下來就該修改靜態(tài)文本框的文字了。鼠標(biāo)右鍵點(diǎn)擊靜態(tài)文本框，在右鍵菜單中選擇“Properties”，Properties面板就會顯示出來，在面板上修改Caption屬性為“被加數(shù)”，ID修改為IDC_SUMMAND_STATIC。此時模板如下圖：

2.為對話框添加一個編輯框（Edit Control），用來輸入被加數(shù)。

添加編輯框的過程與靜態(tài)文本框類似，在Toolbox中選中Edit Control控件拖到對話框模板上，并使其與之前的靜態(tài)文本框水平對齊（為了美觀），然后調(diào)整其大小使之適合被加數(shù)的輸入。

在編輯框上點(diǎn)右鍵，仍然在右鍵菜單中選擇“Properties”顯示出屬性（Properties）面板，修改其ID為IDC_SUMMAND_EDIT。此時模板如下圖：

3.按照1的方法添加一個標(biāo)題為“加數(shù)”的靜態(tài)文本框，用于顯示字符串--“加數(shù)”。并將其ID改為IDC_ADDEND_STATIC。

4.按照2的方法添加一個ID為IDC_ADDEND_EDIT的編輯框，用來輸入加數(shù)。

5.按照1的方法添加一個標(biāo)題為“和”的靜態(tài)文本框，用于顯示文字--“和”。并修改其ID為IDC_SUM_STATIC。

6.按照2的方法添加一個ID為IDC_SUM_EDIT的編輯框，用來顯示最終的加和。

7.類似的添加按鈕（Button）控件到對話框模板，用于在被點(diǎn)擊后觸發(fā)加法計算。修改其標(biāo)題為“計算”，ID為IDC_ADD_BUTTON。

到此，對話框模板如圖：

8.刪除OK按鈕。打開Cancel按鈕的屬性面板，將標(biāo)題改為“退出”，并使其與“計算”按鈕水平對齊。

9.根據(jù)控件的布局，適當(dāng)調(diào)整整個對話框模板的大小，使其相對控件布局來說大小合適，界面美觀。

這樣在對話框模板中就把我們在本例中需要用到的控件就添加完了。最終效果如下：

至此，我們的對話框資源就基本創(chuàng)建完了。應(yīng)用程序運(yùn)行后的界面效果已經(jīng)很清楚了。后面會講如何在對話框類中實(shí)現(xiàn)加法計算功能，并能很好的和界面交互。這個界面是不是有點(diǎn)過于簡單？用Xtreme Toolkit Pro進(jìn)行優(yōu)化吧 !

點(diǎn)擊獲取更多教程資源>>