原創|行業資訊|編輯:鮑佳佳|2020-12-17 10:56:57.010|閱讀 731 次
概述:實現加法計算有幾個必要的因素:被加數、加數、和。被加數和加數需要輸入,和需要輸出顯示。那么這幾個因素都需要相應的控件來輸入或顯示,下面就一步步講解如何添加這些控件。包括如何添加文本框,編輯框,屬性按鈕等詳細步驟!
# 界面/圖表報表/文檔/IDE等千款熱門軟控件火熱銷售中 >>
創建對話框資源需要創建對話框模板、修改對話框屬性、為對話框添加各種控件等步驟,前面一講中已經講了創建對話框模板和修改對話框屬性,本節繼續講如何為對話框添加控件。
上一講中創建了一個名為“Addition”的工程,目的是生成一個實現加法運算的應用程序。實現加法計算有幾個必要的因素:被加數、加數、和。被加數和加數需要輸入,和需要輸出顯示。那么這幾個因素都需要相應的控件來輸入或顯示,下面就一步步講解如何添加這些控件。當功能實現了想要擁有美觀的界面可以借助Toolkit Pro進行界面優化。
Xtreme Toolkit Pro:是屢獲殊榮的VC界面庫,是MFC開發中最全面界面控件套包,它提供了Windows開發所需要的11種主流的Visual C++ MFC控件,包括Command Bars、Controls、Chart Pro、Calendar、Docking Pane、Property Grid、Report Control、Shortcut Bar、Syntax Edit、Skin Framework 和Task Panel。
1.為對話框添加一個靜態文本框(Static Text),用于顯示字符串--“被加數”。
上一講中生成的資源模板中自動添加了一個標題為“TODO:Place dialog controls here.”的靜態文本框,我們可以修改它的標題繼續使用,也可以刪掉它。這里為了從頭講解靜態文本框的添加過程,將它刪掉,繼續添加新的靜態文本框。
刪除控件時,可以使用鼠標左鍵點擊選中它,選中后控件的周圍會出現虛線框,然后按Delete鍵就可以將其刪除了。在“Addition”工程的Resource View中打開上一講中創建的對話框模板IDD_ADDITION_DIALOG,自動添加的靜態文本框就可以使用這種方法刪除。
在添加新的靜態文本框以前,先看看Toolbox視圖是否顯示了,如果沒有顯示,在菜單欄上點擊View->Toolbox即可。Toolbox視圖如下圖:
Toolbox中列出了一些常用控件,其中有一個是Static Text,即是我們要添加的控件。在Toolbox中的Static Text上點下鼠標左鍵不放開,并拖到IDD_ADDITION_DIALOG對話框模板上,模板上會出現一個虛線框,我們找到合適的位置松開鼠標左鍵放下它。
用鼠標左鍵選中控件后周圍出現虛線框,然后鼠標移到虛線框上幾個黑點的位置會變成雙向箭頭的形狀,此時就可以按下鼠標左鍵并拖動來改變控件大小了。我們可以這樣改變新添加的靜態文本框控件的大小,以更好的顯示標題。當然,整個對話框模板也可以用這種方法改變大小。
接下來就該修改靜態文本框的文字了。鼠標右鍵點擊靜態文本框,在右鍵菜單中選擇“Properties”,Properties面板就會顯示出來,在面板上修改Caption屬性為“被加數”,ID修改為IDC_SUMMAND_STATIC。此時模板如下圖:
2.為對話框添加一個編輯框(Edit Control),用來輸入被加數。
添加編輯框的過程與靜態文本框類似,在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.根據控件的布局,適當調整整個對話框模板的大小,使其相對控件布局來說大小合適,界面美觀。
這樣在對話框模板中就把我們在本例中需要用到的控件就添加完了。最終效果如下:
至此,我們的對話框資源就基本創建完了。應用程序運行后的界面效果已經很清楚了。后面會講如何在對話框類中實現加法計算功能,并能很好的和界面交互。這個界面是不是有點過于簡單?用Xtreme Toolkit Pro進行優化吧 !
本站文章除注明轉載外,均為本站原創或翻譯。歡迎任何形式的轉載,但請務必注明出處、不得修改原文相關鏈接,如果存在內容上的異議請郵件反饋至chenjj@fc6vip.cn