對話框程序界面設(shè)計--計算器

1、編Visual C++程序首先要創(chuàng)建一個良好的可視化界面，而每個程序界面是由對話框(Dialog)和一些必要的控件(Control)構(gòu)成的。界面設(shè)計的一般步驟為：1）在對話框上布置控件。2）設(shè)置各控件屬性。3）設(shè)置對話框?qū)傩浴?創(chuàng)建一個對話框應(yīng)用程序的步驟如下：1、在VC++集成環(huán)境中，選擇文件File------新建New菜單項(xiàng)-------工程Project-------MFC AppWizard (exe)。2、Pr

2、ojiect Name文本框中輸入項(xiàng)目名稱和存儲位置。3、在MFC AppWizard---Step1 對話框中選擇基于對話框的應(yīng)用程序(Dialogbased)，語言支持選擇簡體中文。4、在AppWizard彈出的MFC AppWizard—Step2對話框中，取消對About Box的選擇，單擊“Finish”按鈕完成項(xiàng)目的設(shè)定工作。,11.1 與對話框界面設(shè)計相關(guān)的窗口,對話框編輯窗口：設(shè)計對話框的場所。工具箱窗口：

3、提供給對話框設(shè)計必要的控件。屬性窗口：瀏覽并設(shè)定對話框、控件的屬性。11.1.1 資源管理器 在資源管理器中可以編輯對話框。如果對話框沒有顯示，可以按以下步驟打開對話框： 單擊工作空間的“Resource View”選項(xiàng)卡--------打開資源管理器-----------展開Dialog節(jié)點(diǎn)--------雙擊DIALOG項(xiàng)目打開對話框編輯窗口。,11.1.2 工具箱窗口在工具欄上右擊----

4、-選擇Controls工具箱，打開工具箱。工具箱窗口每一個圖形按鈕各代表一種控件當(dāng)把鼠標(biāo)移到某個圖形按鈕上時會出現(xiàn)文字提示控件的類型提示。11.1.2 屬性窗口 Visual C++的每個控件的屬性都不盡相同，每個控件的屬性窗口不一樣，但是顯示屬性窗口的方法是一樣的。 步驟：選擇對話框或者控件----右單擊鼠標(biāo)鍵-----選擇Properties，在屬性窗口中可以設(shè)置對話框和控件的屬性。,11. 2

5、 在對話框上設(shè)置控件,設(shè)置步驟：1、選取控件：在工具箱中雙擊該控件將其添加對話框中。2、改變控件的位置：在對話框中用鼠標(biāo)拖動的方法將控件移到適當(dāng)?shù)奈恢谩?、調(diào)整控件大?。簡螕粼摽丶赃x取控件，控件周圍出現(xiàn)8個小藍(lán)點(diǎn)，把鼠標(biāo)移動到任何一個小藍(lán)點(diǎn)上，鼠標(biāo)指針的形狀變成雙箭頭，按下鼠標(biāo)左鍵、拖動、再釋放鼠標(biāo)左鍵即叫調(diào)整控件的大小。 4、設(shè)置對象屬性：選擇對象（對話框或者控件）------單擊鼠標(biāo)右鍵---------------選擇P

6、roperties---打開相應(yīng)對象的屬性窗口，在屬性窗口中可以設(shè)置對話框和控件的屬性。,第一步：選擇文件File------新建New菜單項(xiàng)-------工程Project-------MFC AppWizard (exe)-------在Step1 中選擇基于對話框的應(yīng)用程序---Step2中---取消對About Box的選擇，單擊“Finish”按鈕完成項(xiàng)日的設(shè)定工作。建立一個對話框應(yīng)用程序： 第二步：在對話框上設(shè)置控件及其

7、屬性:（可以省略）第三步：設(shè)置函數(shù) 選擇“確定”按鈕----右擊---選擇“建立類向?qū)А?----在MFC AppWizard選項(xiàng)卡中： Project ：本項(xiàng)目名 Class name：C本項(xiàng)目名 View Object IDs：IDOK Messages：BN_CLICKED 選擇“Add Function”----------“Edit Code”,11.

8、3 對話框設(shè)計舉例1------簡單應(yīng)用,3、寫入下例紅色代碼:void CAbcDlg::OnOK() { // TODO: Add extra validation here CClientDC dc(this); // this一般指向本窗口或當(dāng)前活動視圖 dc.Rectangle(10,10,110,110); // 畫矩形 dc.MoveTo ( 80,100 ); //

9、 確定起始點(diǎn) dc.LineTo ( 200,200 ); // 畫線的終點(diǎn)坐標(biāo) // CDialog::OnOK(); } 4、保存并運(yùn)行程序：運(yùn)行程序單擊“確定”，客戶區(qū)顯示信息。,11.4 對話框設(shè)計舉例2-------設(shè)計一個計算器程序，實(shí)現(xiàn)加、減、乘、除四則運(yùn)算。,11.4 對話框設(shè)計舉例2設(shè)計一個計算器程序，實(shí)現(xiàn)加、減、乘、除四則運(yùn)算。 步驟一、創(chuàng)建一個對話框應(yīng)用程序：1、在VC++

10、集成環(huán)境中，選擇文件File------新建New菜單項(xiàng)-------工程Project-------MFC AppWizard (exe)。2、Projiect Name文本框中輸入項(xiàng)目名稱和存儲位置。3、在MFC AppWizard---Step1對話框中選擇基于對話框的應(yīng)用程序(Dialogbased)，語言支持選擇簡體中文。4、在AppWizard彈出的MFC AppWizard—Step2對話框中，取消對About b

11、ox的選擇，單擊“Finish”按鈕完成項(xiàng)目的設(shè)定工作。,步驟二、設(shè)置控件及其屬性Button1控件：ID屬性------IDOK；Caption屬性-----退出。Button2控件：ID屬性-----ID_BUTTON2；Caption屬性----計算。GroupBox控件（框架）：ID屬性---IDCSTATIC；Caption-----選擇運(yùn)算符。Radio1（單選框）：ID屬性---ID_RADIO1；Caption-

12、--+； 選擇Group復(fù)選框。Radio2：ID屬性----ID_RADIO2；Caption-----。Radio3：ID屬性----ID_RADIO3；Caption------*。Radio4：ID屬性----ID_RADIO4；Caption------/。Edit1（編輯框）：ID屬性-----ID—EDIT1。Ed

13、it2：ID屬性-----ID_EDIT2。Edit3：ID屬性-----ID_EDIT3。Static1（靜態(tài)文本框）：ID屬性—ID_STATIC1；CaptiOn------+。Static2：ID屬性-----ID_STATlC2；CaptiOn ------ =。Check1：ID屬性---ID_CHECK1； Caption ------ 立即計算注意：若4個單選框是一組，只能一個選Group復(fù)選框，否則各自獨(dú)

14、立。,步驟三、 定義成員變量 如何在程序中協(xié)調(diào)和控制控件? 如何建立控件之間的聯(lián)系? 程序如何得知用戶對控件的操作并做出響應(yīng)呢? 解決方法： 1、定義與控件相聯(lián)系的變量，在程序中通過關(guān)聯(lián)變量來完成對控件的控制。為控件定義變量的方法如下： “查看”---“建立類向?qū)А?---選擇Member Variables選項(xiàng)卡--------選擇Controls IDS中控件ID---單擊“Add V

15、ariable…”按鈕------利用對話框?yàn)榭丶⑾嗦?lián)系的成員變量。 注意：選擇變量的類型。 2、為控件添加事件處理函數(shù)，將用戶對控件的操作(如單擊按鈕、改變單選按鈕的選擇等)作為一個事件通知給程序，由程序的事件處理函數(shù)完成對用戶操作的處理。,所增加的所有變量如下：IDC_EDIT1：double----m_m1。 // 編輯框1 IDC_EDIT2：double----m_m2

16、。 // 編輯框2 IDC_EDIT3：double----m_m3。 // 編輯框3IDC_RADIO1：int ----m_dop。 // 單選框1IDC_STATIC1：CString-----m_str。 // 靜態(tài)文本框1IDC_CHECK1： BOOL---m_ft 。 // 復(fù)選框,步驟四、增

17、加事件處理函數(shù) 查看—建立類向?qū)?-- 在Message Maps卡中選擇： Project ：本項(xiàng)目名 Class name：C本項(xiàng)目名 Dlg Object IDs：選擇各控件的IDS選擇相應(yīng)的 Messages事件-------選擇Add Function—Edit Code事件處理函數(shù)如下：IDC_EDIT1：EN_CHANGE。IDC_EDIT2：EN_CHANGE。I

18、DC—RADlO1：BN_CLICKEDIDC—RADlO2：BN_CLICKEDIDC—RADlO3：BN_CLICKEDIDC—RADlO4：BN_CLICKEDIDOK：BN_CLICKEDIDC_CHECK1： BN_CLICKED,說明： BN_CLlCKED事件：當(dāng)鼠標(biāo)單擊按鈕類控件(單選按鈕等）觸發(fā)。 BN_DOUBLECLICKED：當(dāng)鼠標(biāo)雙擊按鈕類控件事件被觸發(fā)； EN_CHANGE：編輯框的內(nèi)容被改變

19、,步驟五、添加代碼實(shí)現(xiàn)相應(yīng)功能。 計算按鈕：void CLtDlg::OnOK() { UpdateData(true); //更新所有與對話框相關(guān)聯(lián)的變量 switch(m_dop) { case 0: //加法 m_m3=m_m1+m_m2; break; case 1:

20、 //減法 m_m3=m_m1-m_m2; break; case 2: // 乘法 m_m3=m_m1*m_m2; break; case 3: // 除法 m_m3=m_m1/m_m2

21、; break; } UpdateData(false); //更新與變量相關(guān)聯(lián)的控件的顯示狀態(tài)},步驟五、添加代碼實(shí)現(xiàn)相應(yīng)功能。 編輯框1：void CLtDlg::OnChangeEdit1() { UpdateData(); if (m_ft ) OnOK();} 編輯框2： void CLtDlg::OnChangeEdit2() { UpdateData

22、(); if (m_ft ) OnOK();} 立即計算復(fù)選框：void CAaDlg::OnCheck1() { UpdateData();if(m_ft) OnOK();},步驟五、添加代碼實(shí)現(xiàn)相應(yīng)功能。單選框1：+void CLtDlg::OnRadio1() { UpdateData(true); m_str="+"; UpdateData(false)

23、;} 單選框2：-void CLtDlg::OnRadio2() { UpdateData(true); m_str="-"; UpdateData(false);},步驟五、添加代碼實(shí)現(xiàn)相應(yīng)功能。單選框3：* void CLtDlg::OnRadio3() { UpdateData(true); m_str= " *"; UpdateData(false);}

24、單選框4：/void CLtDlg::OnRadio2() { UpdateData(true); m_str="/"; UpdateData(false);} 退出按鈕：void CBbDlg::OnButton2() {PostQuitMessage(0); // 關(guān)閉程序或退出程序},步驟六、運(yùn)行程序保存程序編譯程序運(yùn)行程序注意：只有在改變了文本框