創(chuàng)建有個(gè)性的對(duì)話(huà)框之MFC篇(共19頁(yè))

1、創(chuàng)建(chungjin)有個(gè)性的對(duì)話(huà)框之MFC篇 HYPERLINK /06/0705/10/2L8TSJJ600091LRC.html /06/0705/10/2L8TSJJ600091LRC.html想使自己(zj)的軟件與眾不同就要給軟件加點(diǎn)“色”，一個(gè)顏色搭配(dpi)協(xié)調(diào)的窗口要比windows千篇一律的灰底黑字更能吸引別人的眼球。設(shè)想如果html瀏覽器顯示的網(wǎng)頁(yè)都是白底黑字，還會(huì)有那么多的mm喜歡上網(wǎng)嗎？可能互聯(lián)網(wǎng)的人氣將下降一半。做個(gè)出色的界面對(duì)于老手來(lái)說(shuō)可能不在話(huà)下，但是對(duì)于新手來(lái)說(shuō)還是無(wú)從下手，使用BCGControlBar和Xtreme Toolkit是個(gè)很好的選擇，不過(guò)對(duì)

2、于一個(gè)小程序使用這么大的庫(kù)未免有頭重腳輕的感覺(jué)。其實(shí)不使用這些龐然大物一樣可以做個(gè)很“色”的界面，本文就結(jié)合CSDN論壇上經(jīng)常被問(wèn)起的問(wèn)題，介紹幾個(gè)給對(duì)話(huà)框上色的方法。本文的方法都是針對(duì)MFC程序的，其他方法請(qǐng)參看“創(chuàng)建有個(gè)性的對(duì)話(huà)框之ATL/WTL篇”。第一步：改變對(duì)話(huà)框的背景顏色如何改變對(duì)話(huà)框的背景顏色這個(gè)問(wèn)題常常出現(xiàn)在論壇上，可見(jiàn)大家對(duì)Windows默認(rèn)的灰色對(duì)話(huà)框是多么不滿(mǎn)。MFC程序修改對(duì)話(huà)框的背景和文字顏色最簡(jiǎn)單的方法就是調(diào)用SetDialogBkColor函數(shù)，SetDialogBkColor是CWinApp類(lèi)的成員函數(shù)，以下是該函數(shù)的原型：void CWinApp:SetDia

3、logBkColor(COLORREF clrCtlBk, COLORREF clrCtlText); 請(qǐng)注意，SetDialogBkColor函數(shù)并不是對(duì)Windows的某個(gè)API的封裝，他是MFC框架的一部分，所以不使用MFC的程序也就不能享受這種方便。這個(gè)函數(shù)的使用很簡(jiǎn)單，在程序的CWinApp派生類(lèi)的InitInstance函數(shù)中添加一行代碼就行了：SetDialogBkColor(RGB(188,197,230),RGB(13,125,188); 圖.1 就是運(yùn)行效果：圖.1 SetDialogBkColor效果圖使用(shyng)SetDialogBkColor也有局限的地方，那就

4、是所有的控件文字(wnz)顏色都一樣，不能針對(duì)不同的控件設(shè)置不同的文字顏色，還有就是不能設(shè)置Edit控件的顏色(yns)。不使用SetDialogBkColor函數(shù)，直接編寫(xiě)代碼控制對(duì)話(huà)框的背景顏色和控件文字顏色也不是很困難的事情，并且這種方法能夠提供更靈活的顏色設(shè)置方案，比如對(duì)不同類(lèi)型的控件使用不同的文字顏色，使用高亮度的背景顏色突出某個(gè)控件等等，最重要的是能夠控制Edit控件的文字和背景顏色，下面就介紹這種方法。首先是改變對(duì)話(huà)框的背景顏色。當(dāng)Windows系統(tǒng)需要重畫(huà)某個(gè)窗口客戶(hù)區(qū)的背景的時(shí)候，就會(huì)向該窗口發(fā)送WM_ERASEBKGND 消息，窗口的處理過(guò)程響應(yīng)這個(gè)消息重新畫(huà)窗口的背景，這

5、個(gè)過(guò)程稱(chēng)之為“自畫(huà)”。改變對(duì)話(huà)框的背景顏色的原理很簡(jiǎn)單，就是響應(yīng)這個(gè)消息，用自定義的顏色填充對(duì)話(huà)框的客戶(hù)區(qū)背景，代替對(duì)話(huà)框窗口默認(rèn)的背景填充動(dòng)作。許多新手經(jīng)常問(wèn)：“為什么在class wizard中找不到對(duì)話(huà)框的WM_ERASEBKGND消息，是不是對(duì)話(huà)框沒(méi)有這個(gè)消息”？其實(shí)對(duì)話(huà)框也是窗口，它也有WM_ERASEBKGND消息，只是MFC的class wizard使用的dialog過(guò)濾器將其過(guò)濾掉了（只是在message窗口的顯示中過(guò)濾了，并不是真的不響應(yīng)這個(gè)消息），為的是代碼編寫(xiě)過(guò)程中突出對(duì)話(huà)框?qū)Ｓ械南⒑涂丶录?。如圖.2 所示，只要在class wizard中的“class info”

6、table標(biāo)簽下將消息過(guò)濾器改成Windows就可以在對(duì)話(huà)框的消息列表中看到WM_ERASEBKGND了。圖.2 修改(xigi)消息過(guò)濾器現(xiàn)在(xinzi)通過(guò)class wizard添加(tin ji)WM_ERASEBKGND的消息響應(yīng)函數(shù)，并如下所示修改這個(gè)函數(shù)：BOOL CCustDlgDlg:OnEraseBkgnd(CDC* pDC) CRect rcClient;GetClientRect(&rcClient);pDC-FillRect(&rcClient,&m_brBkgnd);return TRUE;/return CDialog:OnEraseBkgnd(pDC);m_b

7、rBkgnd是個(gè)CBrush，在此之前已經(jīng)(y jing)初始化過(guò)了，關(guān)鍵代碼是最后返回TRUE，而不是默認(rèn)的調(diào)用基類(lèi)函數(shù)(hnsh)，返回TRUE意在告訴(o s)Windows：“我已經(jīng)畫(huà)過(guò)背景了，你不要再畫(huà)了”?，F(xiàn)在來(lái)看看運(yùn)行的效果：圖.3 重畫(huà)背景的效果使用位圖作為對(duì)話(huà)框的背景也不難，就是在整個(gè)客戶(hù)區(qū)畫(huà)一個(gè)位圖背景，第二步：改變控件的顏色看起來(lái)不如剛才效果好，控件文字的顏色和背景色都沒(méi)有改變，這是因?yàn)槲覀冞€沒(méi)有處理WM_CTLCOLOR消息。WM_CTLCOLOR是Windows的控件向其父窗口發(fā)送最頻繁的通知消息之一，例如，許多控件發(fā)送WM_CTLCOLOR消息給父窗口，讓父窗口提供

8、畫(huà)刷來(lái)畫(huà)自己的背景。MFC的窗口類(lèi)對(duì)這個(gè)通知消息特殊對(duì)待，如果父窗口沒(méi)有處理這個(gè)通知消息，MFC的窗口類(lèi)就根據(jù)WM_CTLCOLOR通知消息的來(lái)源將這個(gè)WM_CTLCOLOR消息發(fā)送回控件，讓控件自己處理，這就是所謂的“消息反射”，不僅是WM_CTLCOLOR，MFC對(duì)很多通知消息都做了反射，不過(guò)我們今天的例子沒(méi)有使用“消息反射”，我們?cè)诳丶母复翱冢簿褪菍?duì)話(huà)框窗口處理這個(gè)通知消息。還有一點(diǎn)需要說(shuō)明的是，WM_CTLCOLOR消息是16位的Windows平臺(tái)的消息，在32位的Windows平臺(tái)上取而代之的是一系列更明確的通知消息：WM_CTLCOLORBTN 按鈕控件 WM_CTLCOLOR

9、DLG 對(duì)話(huà)框 WM_CTLCOLOREDIT 編輯(binj)控件 WM_CTLCOLORLISTBOX 列表框控件 WM_CTLCOLORSCROLLBAR 滾動(dòng)條控件WM_CTLCOLORSTATIC 靜態(tài)(jngti)文本控件MFC為了兼容性考慮(kol)，仍舊使用OnCtlColor響應(yīng)這些消息，但是通過(guò)參數(shù)nCtlColor來(lái)具體的區(qū)分他們。在這個(gè)函數(shù)中，我們可以通過(guò)改變pDC參數(shù)的屬性來(lái)改變控件的繪制，并返回相應(yīng)的畫(huà)刷句柄給控件，控件使用這個(gè)畫(huà)刷畫(huà)自己的背景。下面是我們修改后的OnCtlColor函數(shù)：HBRUSH CCustDlgDlg:OnCtlColor(CDC* pDC,

10、 CWnd* pWnd, UINT nCtlColor) HBRUSH hbr = CDialog:OnCtlColor(pDC, pWnd, nCtlColor);pDC-SetTextColor(m_clrText);pDC-SetBkMode(TRANSPARENT);return (HBRUSH)m_brBkgnd; /因?yàn)?yn wi)CBrush類(lèi)實(shí)現(xiàn)(shxin)了HBRUSH類(lèi)型轉(zhuǎn)換操作符/return hbr;圖.4 就是這段代碼的效果，在這里(zhl)我們不分“青紅皂白”，向所有的控件返回我們自己的畫(huà)刷，看起來(lái)不錯(cuò)，Edit控件的文字顏色也改了，但是好像多行Edit控件有了

11、麻煩，看來(lái)需要對(duì)多行Edit控件特殊對(duì)待。圖.4 重載OnCtlColor之后的效果對(duì)于多行Edit控件特殊處理，如下所示，上面的問(wèn)題解決了：HBRUSH CCustDlgDlg:OnCtlColor(CDC* pDC, CWnd* pWnd, UINT nCtlColor) HBRUSH hbr = CDialog:OnCtlColor(pDC, pWnd, nCtlColor);if(pWnd-GetDlgCtrlID() = IDC_EDIT_MULTI_LINE) /IDC_EDIT_MULTI_LINE是多行Edir控件的IDpDC-SetTextColor(m_clrText);r

12、eturn hbr;elsepDC-SetTextColor(m_clrText);pDC-SetBkMode(TRANSPARENT);return (HBRUSH)m_brBkgnd;上面(shng min)的代碼解決了IDC_EDIT_MULTI_LINE的問(wèn)題(wnt)，但是對(duì)每個(gè)多行Edit控件都要判斷(pndun)ID，下面的方法可以一勞永逸地解決多行編輯控件的問(wèn)題：HBRUSH CCustDlgDlg:OnCtlColor(CDC* pDC, CWnd* pWnd, UINT nCtlColor) HBRUSH hbr = CDialog:OnCtlColor(pDC, pWnd

13、, nCtlColor);TCHAR szClassName64;:GetClassName(pWnd-GetSafeHwnd(),szClassName,64);if(lstrcmpi(szClassName,_T(Edit) = 0) /是Edit 控件DWORD dwStyle = pWnd-GetStyle();if(dwStyle & ES_MULTILINE) = ES_MULTILINE) /多行edit控件pDC-SetTextColor(m_clrText);return hbr;elsepDC-SetTextColor(m_clrText);pDC-SetBkMode(TR

14、ANSPARENT);return (HBRUSH)m_brBkgnd;else /不是(b shi)編輯控件pDC-SetTextColor(m_clrText);pDC-SetBkMode(TRANSPARENT);return (HBRUSH)m_brBkgnd;下面我們針對(duì)每個(gè)控件設(shè)置特殊的顏色(yns)，區(qū)分控件可以通過(guò)控件的ID，修改控件背景也很簡(jiǎn)單，直接返回(fnhu)相應(yīng)的畫(huà)刷就可以了，下面就是顏色設(shè)置的完整代碼：HBRUSH CCustDlgDlg:OnCtlColor(CDC* pDC, CWnd* pWnd, UINT nCtlColor) HBRUSH hbr = CD

15、ialog:OnCtlColor(pDC, pWnd, nCtlColor);TCHAR szClassName64;:GetClassName(pWnd-GetSafeHwnd(),szClassName,64);if(lstrcmpi(szClassName,_T(Edit) = 0) /是Edit 控件DWORD dwStyle = pWnd-GetStyle();if(dwStyle & ES_MULTILINE) = ES_MULTILINE) /多行edit控件pDC-SetTextColor(m_clrText);return hbr;elsepDC-SetTextColor(m

16、_clrText);pDC-SetBkMode(TRANSPARENT);return (HBRUSH)m_brBkgnd;else /不是(b shi)編輯控件if(pWnd-GetDlgCtrlID() = IDC_STC_REDTEXT)pDC-SetTextColor(RGB(255,0,0);pDC-SetBkMode(TRANSPARENT);return (HBRUSH)m_brBkgnd;else if(pWnd-GetDlgCtrlID() = IDC_STC_BLUETEXT)pDC-SetTextColor(RGB(0,0,255);pDC-SetBkMode(TRANS

17、PARENT);return (HBRUSH)m_brBkgnd;else if(pWnd-GetDlgCtrlID() = IDC_STC_BLUETEXTWHITEBACK)pDC-SetTextColor(RGB(0,0,255);pDC-SetBkMode(TRANSPARENT);return (HBRUSH)m_brControlBkgnd1;else if(pWnd-GetDlgCtrlID() = IDC_CHK_GREEN)pDC-SetTextColor(RGB(0,255,0);pDC-SetBkMode(TRANSPARENT);return (HBRUSH)m_brB

18、kgnd;else if(pWnd-GetDlgCtrlID() = IDC_RAD_BLUE)pDC-SetTextColor(RGB(0,0,255);pDC-SetBkMode(TRANSPARENT);return (HBRUSH)m_brBkgnd;else if(pWnd-GetDlgCtrlID() = IDC_CHK_GREEN2)pDC-SetTextColor(RGB(0,255,0);pDC-SetBkMode(TRANSPARENT);return (HBRUSH)m_brControlBkgnd2;else if(pWnd-GetDlgCtrlID() = IDC_R

19、ADIO2)pDC-SetTextColor(RGB(0,0,255);pDC-SetBkMode(TRANSPARENT);return (HBRUSH)m_brControlBkgnd2;elsepDC-SetTextColor(m_clrText);pDC-SetBkMode(TRANSPARENT);return (HBRUSH)m_brBkgnd; 現(xiàn)在看看(kn kn)效果：圖.5 修改(xigi)OnCtlColor之后(zhhu)的效果上面的代碼(di m)是根據(jù)控件ID來(lái)設(shè)置顏色(yns)，還可以根據(jù)控件的類(lèi)型統(tǒng)一設(shè)置某種控件的顏色，這就要用到nCtlColor參數(shù)(cnsh

20、)，nCtlColor參數(shù)用來(lái)指明發(fā)送這個(gè)通知消息的控件的類(lèi)型，nCtlColor可以是以下取值：CTLCOLOR_BTN CTLCOLOR_DLG CTLCOLOR_EDIT CTLCOLOR_LISTBOX CTLCOLOR_MSGBOXCTLCOLOR_SCROLLBAR CTLCOLOR_STATIC 第三步：使用位圖作對(duì)話(huà)框的背景使用位圖作為對(duì)話(huà)框的背景也很簡(jiǎn)單，就是在OnEraseBkgnd中用位圖填充客戶(hù)區(qū)，只是在OnCtlColor中需要注意返回空畫(huà)刷代替原來(lái)的畫(huà)刷，返回空畫(huà)刷是為了阻止控件繪制自己的背景，從而破壞位圖背景的完整性，但是有時(shí)候返回空畫(huà)刷會(huì)對(duì)其他控件產(chǎn)生不良影響，

21、所以我們只處理了CTLCOLOR_BTN和CTLCOLOR_STATIC兩種類(lèi)型的消息：HBRUSH CBmpBkgndDlg:OnCtlColor(CDC* pDC, CWnd* pWnd, UINT nCtlColor) HBRUSH hbr = CDialog:OnCtlColor(pDC, pWnd, nCtlColor);if(nCtlColor = CTLCOLOR_BTN | nCtlColor = CTLCOLOR_STATIC)pDC-SetTextColor(RGB(0,0,255);pDC-SetBkMode(TRANSPARENT);return (HBRUSH)m_H

22、ollowBrush;pDC-SetTextColor(RGB(0,0,255);pDC-SetBkMode(TRANSPARENT);return hbr;下面是使用(shyng)位圖背景和空畫(huà)刷的效果：圖.6 使用(shyng)位圖背景的效果第四步：?jiǎn)为?dú)(dnd)處理按鈕控件現(xiàn)在(xinzi)看來(lái)按鈕控件還是影響整體效果，WM_CTLCOLORBTN好像對(duì)于push button類(lèi)型的按鈕控件沒(méi)有效果，不過(guò)push button也是支持自畫(huà)的，在使用自畫(huà)按鈕之前，我們先來(lái)看看控件自畫(huà)的原理。Windows的控件都有默認(rèn)的外觀，但是許多控件有支持“自畫(huà)”，也就是讓用戶(hù)定制控件的外觀，當(dāng)給一個(gè)

23、控件指定自畫(huà)的樣式之后，控件在重畫(huà)自己的時(shí)候向父窗口發(fā)送WM_MEASUREITEM和WM_DRAWITEM消息，父窗口響應(yīng)這兩個(gè)消息，定位控件的大小并繪制控件，從而使控件有定制的外觀。但是每個(gè)控件的自畫(huà)都由父窗口完成加重了父窗口的負(fù)擔(dān)，也不利于代碼重用，所以，MFC對(duì)這些消息進(jìn)行了反射處理，就是將消息發(fā)還位控件，由控件響應(yīng)消息，自己繪制，這樣將自畫(huà)代碼封裝在控件類(lèi)中，提高了代碼的重用性。很多MFC的控件類(lèi)都自己處理這兩個(gè)消息，派生類(lèi)可以重載MeasureItem和DrawItem自己畫(huà)控件的外觀，CButton就是這樣的控件類(lèi)。現(xiàn)在就來(lái)做一個(gè)自畫(huà)的按鈕類(lèi)，首先從CButton派生一個(gè)類(lèi)，我們

24、命名為CSMButton，然后重載DrawItem和PreSubclassWindow，重載PreSubclassWindow的原因是在CSMButton子類(lèi)化按鈕控件之前先給按鈕添加BS_OWNERDRAW樣式，否則按鈕就不會(huì)向父窗口發(fā)送WM_DRAWITEM消息，MFC的消息反射就不會(huì)發(fā)生，我們的DrawItem就不會(huì)被調(diào)用，嗯，后果很?chē)?yán)重。當(dāng)然也可以讓CSMButton的使用者自己給按鈕添加BS_OWNERDRAW樣式，但是會(huì)讓人覺(jué)得沒(méi)水平，嗯，后果也很?chē)?yán)重。接下來(lái)添加對(duì)WM_CAPTURECHANGED、WM_MOUSEMOVE、WM_SETCURSOR和WM_KILLFOCUS四個(gè)消息的響應(yīng)函數(shù)，對(duì)這四個(gè)消息的響應(yīng)是為了給按鈕增加更多的功能，比如使按鈕看起來(lái)象工具欄的按鈕，改變鼠標(biāo)的形狀等等。關(guān)于(guny)CSMButton類(lèi)的使用(shyng)就像CButton一樣，為按鈕添加變量就行了，演示代碼中包含了這個(gè)類(lèi)的源代碼以及用法，這里(zhl)不在贅述。CSMButton類(lèi)的功能很簡(jiǎn)單，但是完成了一個(gè)自畫(huà)按鈕的框架，大家可以修改代碼實(shí)現(xiàn)自己的風(fēng)格，網(wǎng)上也有很多這樣的類(lèi)，功能更強(qiáng)大，比如STButton等。現(xiàn)在看看CSMButton的效果：圖.7 使用自畫(huà)按鈕后的效果第五步：使用Picture