VS2010/MFC編程入門之六(對話框:爲對話框添加控件)

創建對話框資源需要創建對話框模板、修改對話框屬性、爲對話框添加各種控件等步驟,前面一講中雞啄米已經講了創建對話框模板和修改對話框屬性,本節繼續講如何爲對話框添加控件。

       上一講中雞啄米創建了一個名爲“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)面板,修改其IDIDC_SUMMAND_EDIT。此時模板如下圖:


      3.按照1的方法添加一個標題爲加數的靜態文本框,用於顯示字符串--“加數並將其ID改爲IDC_ADDEND_STATIC

       4.按照2的方法添加一個IDIDC_ADDEND_EDIT的編輯框,用來輸入加數。

       5.按照1的方法添加一個標題爲的靜態文本框,用於顯示文字--“並修改其IDIDC_SUM_STATIC

       6.按照2的方法添加一個IDIDC_SUM_EDIT的編輯框,用來顯示最終的加和。

       7.類似的添加按鈕(Button)控件到對話框模板,用於在被點擊後觸發加法計算。修改其標題爲計算IDIDC_ADD_BUTTON

       到此,對話框模板如圖:


      8.刪除OK按鈕。打開Cancel按鈕的屬性面板,將標題改爲退出,並使其與計算按鈕水平對齊。

       9.根據控件的佈局,適當調整整個對話框模板的大小,使其相對控件佈局來說大小合適,界面美觀。

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


      至此,我們的對話框資源就基本創建完了。應用程序運行後的界面效果已經很清楚了。後面雞啄米會講如何在對話框類中實現加法計算功能,並能很好的和界面交互。歡迎繼續到雞啄米博客交流。
發表評論
所有評論
還沒有人評論,想成為第一個評論的人麼? 請在上方評論欄輸入並且點擊發布.
相關文章