电脑故障

位置：IT落伍者 >> 电脑故障 >> 浏览文章

创建有个性的对话框之MFC篇
发布日期：2020/9/18
 
想使自己的软件与众不同就要给软件加点色一个颜色搭配协调的窗口要比windows千篇一律的灰底黑字更能吸引别人的眼球设想如果html浏览器显示的网页都是白底黑字还会有那么多的mm喜欢上网吗？可能互联网的人气将下降一半做个出色的界面对于老手来说可能不在话下但是对于新手来说还是无从下手使用BCGControlBar和Xtreme Toolkit是个很好的选择不过对于一个小程序使用这么大的库未免有头重脚轻的感觉其实不使用这些庞然大物一样可以做个很色的界面本文就结合CSDN论坛上经常被问起的问题介绍几个给对话框上色的方法本文的方法都是针对MFC程序的其他方法请参看创建有个性的对话框之ATL/WTL篇

第一步改变对话框的背景颜色

如何改变对话框的背景颜色这个问题常常出现在论坛上可见大家对Windows默认的灰色对话框是多么不满MFC程序修改对话框的背景和文字颜色最简单的方法就是调用SetDialogBkColor函数SetDialogBkColor是CWinApp类的成员函数以下是该函数的原型

void CWinApp::SetDialogBkColor(COLORREF clrCtlBk COLORREF clrCtlText);

请注意SetDialogBkColor函数并不是对Windows的某个API的封装他是MFC框架的一部分所以不使用MFC的程序也就不能享受这种方便这个函数的使用很简单在程序的CWinApp派生类的InitInstance函数中添加一行代码就行了

SetDialogBkColor(RGB()RGB());

图 就是运行效果

图 SetDialogBkColor效果图

使用SetDialogBkColor也有局限的地方那就是所有的控件文字颜色都一样不能针对不同的控件设置不同的文字颜色还有就是不能设置Edit控件的颜色不使用SetDialogBkColor函数直接编写代码控制对话框的背景颜色和控件文字颜色也不是很困难的事情并且这种方法能够提供更灵活的颜色设置方案比如对不同类型的控件使用不同的文字颜色使用高亮度的背景颜色突出某个控件等等最重要的是能够控制Edit控件的文字和背景颜色下面就介绍这种方法

首先是改变对话框的背景颜色当Windows系统需要重画某个窗口客户区的背景的时候就会向该窗口发送WM_ERASEBKGND 消息窗口的处理过程响应这个消息重新画窗口的背景这个过程称之为自画改变对话框的背景颜色的原理很简单就是响应这个消息用自定义的颜色填充对话框的客户区背景代替对话框窗口默认的背景填充动作许多新手经常问为什么在class wizard中找不到对话框的WM_ERASEBKGND消息是不是对话框没有这个消息？其实对话框也是窗口它也有WM_ERASEBKGND消息只是MFC的class wizard使用的dialog过滤器将其过滤掉了（只是在message窗口的显示中过滤了并不是真的不响应这个消息）为的是代码编写过程中突出对话框专有的消息和控件事件如图 所示只要在class wizard中的class info table标签下将消息过滤器改成Windows就可以在对话框的消息列表中看到WM_ERASEBKGND了

图 修改消息过滤器

现在通过class wizard添加WM_ERASEBKGND的消息响应函数并如下所示修改这个函数

BOOL CCustDlgDlg::OnEraseBkgnd(CDC* pDC)

{

CRect rcClient;

GetClientRect(&rcClient);

pDC>FillRect(&rcClient&m_brBkgnd);

return TRUE;

//return CDialog::OnEraseBkgnd(pDC);

}

m_brBkgnd是个CBrush在此之前已经初始化过了关键代码是最后返回TRUE而不是默认的调用基类函数返回TRUE意在告诉Windows我已经画过背景了你不要再画了现在来看看运行的效果

图 重画背景的效果

使用位图作为对话框的背景也不难就是在整个客户区画一个位图背景

第二步改变控件的颜色

看起来不如刚才效果好控件文字的颜色和背景色都没有改变这是因为我们还没有处理WM_CTLCOLOR消息WM_CTLCOLOR是Windows的控件向其父窗口发送最频繁的通知消息之一例如许多控件发送WM_CTLCOLOR消息给父窗口让父窗口提供画刷来画自己的背景MFC的窗口类对这个通知消息特殊对待如果父窗口没有处理这个通知消息MFC的窗口类就根据WM_CTLCOLOR通知消息的来源将这个WM_CTLCOLOR消息发送回控件让控件自己处理这就是所谓的消息反射不仅是WM_CTLCOLORMFC对很多通知消息都做了反射不过我们今天的例子没有使用消息反射我们在控件的父窗口也就是对话框窗口处理这个通知消息还有一点需要说明的是WM_CTLCOLOR消息是位的Windows平台的消息在位的Windows平台上取而代之的是一系列更明确的通知消息

WM_CTLCOLORBTN 按钮控件

WM_CTLCOLORDLG 对话框

WM_CTLCOLOREDIT 编辑控件

WM_CTLCOLORLISTBOX 列表框控件

WM_CTLCOLORSCROLLBAR 滚动条控件

WM_CTLCOLORSTATIC 静态文本控件

MFC为了兼容性考虑仍旧使用OnCtlColor响应这些消息但是通过参数nCtlColor来具体的区分他们在这个函数中我们可以通过改变pDC参数的属性来改变控件的绘制并返回相应的画刷句柄给控件控件使用这个画刷画自己的背景下面是我们修改后的OnCtlColor函数

HBRUSH CCustDlgDlg::OnCtlColor(CDC* pDC CWnd* pWnd UINT nCtlColor)

{

HBRUSH hbr = CDialog::OnCtlColor(pDC pWnd nCtlColor);

pDC>SetTextColor(m_clrText);

pDC>SetBkMode(TRANSPARENT);

return (HBRUSH)m_brBkgnd; //因为CBrush类实现了HBRUSH类型转换操作符

//return hbr;

}

图 就是这段代码的效果在这里我们不分青红皂白向所有的控件返回我们自己的画刷看起来不错Edit控件的文字颜色也改了但是好像多行Edit控件有了麻烦看来需要对多行Edit控件特殊对待

图 重载OnCtlColor之后的效果

对于多行Edit控件特殊处理如下所示上面的问题解决了

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控件的ID

{

pDC>SetTextColor(m_clrText);

return hbr;

}

else

{

pDC>SetTextColor(m_clrText);

pDC>SetBkMode(TRANSPARENT);

return (HBRUSH)m_brBkgnd;

}

}

上面的代码解决了IDC_EDIT_MULTI_LINE的问题但是对每个多行Edit控件都要判断ID下面的方法可以一劳永逸地解决多行编辑控件的问题

HBRUSH CCustDlgDlg::OnCtlColor(CDC* pDC CWnd* pWnd UINT nCtlColor)

{

HBRUSH hbr = CDialog::OnCtlColor(pDC pWnd nCtlColor);

TCHAR szClassName[];

::GetClassName(pWnd>GetSafeHwnd()szClassName);

if(lstrcmpi(szClassName_T(Edit)) == ) //是Edit 控件

{

DWORD dwStyle = pWnd>GetStyle();

if((dwStyle & ES_MULTILINE) == ES_MULTILINE) //多行edit控件

{

pDC>SetTextColor(m_clrText);

return hbr;

}

else

{

pDC>SetTextColor(m_clrText);

pDC>SetBkMode(TRANSPARENT);

return (HBRUSH)m_brBkgnd;

}

}

else //不是编辑控件

{

pDC>SetTextColor(m_clrText);

pDC>SetBkMode(TRANSPARENT);

return (HBRUSH)m_brBkgnd;

}

}

下面我们针对每个控件设置特殊的颜色区分控件可以通过控件的ID修改控件背景也很简单直接返回相应的画刷就可以了下面就是颜色设置的完整代码


HBRUSH CCustDlgDlg::OnCtlColor(CDC* pDC CWnd* pWnd UINT nCtlColor)

{

HBRUSH hbr = CDialog::OnCtlColor(pDC pWnd nCtlColor);

TCHAR szClassName[];

::GetClassName(pWnd>GetSafeHwnd()szClassName);

if(lstrcmpi(szClassName_T(Edit)) == ) //是Edit 控件

{

DWORD dwStyle = pWnd>GetStyle();

if((dwStyle & ES_MULTILINE) == ES_MULTILINE) //多行edit控件

{

pDC>SetTextColor(m_clrText);

return hbr;

}

else

{

pDC>SetTextColor(m_clrText);

pDC>SetBkMode(TRANSPARENT);

return (HBRUSH)m_brBkgnd;

}

}

else //不是编辑控件

{

if(pWnd>GetDlgCtrlID() == IDC_STC_REDTEXT)

{

pDC>SetTextColor(RGB());

pDC>SetBkMode(TRANSPARENT);

return (HBRUSH)m_brBkgnd;

}

else if(pWnd>GetDlgCtrlID() == IDC_STC_BLUETEXT)

{

pDC>SetTextColor(RGB());

pDC>SetBkMode(TRANSPARENT);

return (HBRUSH)m_brBkgnd;

}

else if(pWnd>GetDlgCtrlID() == IDC_STC_BLUETEXTWHITEBACK)

{

pDC>SetTextColor(RGB());

pDC>SetBkMode(TRANSPARENT);

return (HBRUSH)m_brControlBkgnd;

}

else if(pWnd>GetDlgCtrlID() == IDC_CHK_GREEN)

{

pDC>SetTextColor(RGB());

pDC>SetBkMode(TRANSPARENT);

return (HBRUSH)m_brBkgnd;

}

else if(pWnd>GetDlgCtrlID() == IDC_RAD_BLUE)

{

pDC>SetTextColor(RGB());

pDC>SetBkMode(TRANSPARENT);

return (HBRUSH)m_brBkgnd;

}

else if(pWnd>GetDlgCtrlID() == IDC_CHK_GREEN)

{

pDC>SetTextColor(RGB());

pDC>SetBkMode(TRANSPARENT);

return (HBRUSH)m_brControlBkgnd;

}

else if(pWnd>GetDlgCtrlID() == IDC_RADIO)

{

pDC>SetTextColor(RGB());

pDC>SetBkMode(TRANSPARENT);

return (HBRUSH)m_brControlBkgnd;

}

else

{

pDC>SetTextColor(m_clrText);

pDC>SetBkMode(TRANSPARENT);

return (HBRUSH)m_brBkgnd;

}

}

}

现在看看效果

图 修改OnCtlColor之后的效果

上面的代码是根据控件ID来设置颜色还可以根据控件的类型统一设置某种控件的颜色这就要用到nCtlColor参数nCtlColor参数用来指明发送这个通知消息的控件的类型nCtlColor可以是以下取值

CTLCOLOR_BTN

CTLCOLOR_DLG

CTLCOLOR_EDIT

CTLCOLOR_LISTBOX

CTLCOLOR_MSGBOX

CTLCOLOR_SCROLLBAR

CTLCOLOR_STATIC

第三步使用位图作对话框的背景

使用位图作为对话框的背景也很简单就是在OnEraseBkgnd中用位图填充客户区只是在OnCtlColor中需要注意返回空画刷代替原来的画刷返回空画刷是为了阻止控件绘制自己的背景从而破坏位图背景的完整性但是有时候返回空画刷会对其他控件产生不良影响所以我们只处理了CTLCOLOR_BTN和CTLCOLOR_STATIC两种类型的消息

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());

pDC>SetBkMode(TRANSPARENT);

return (HBRUSH)m_HollowBrush;

}

pDC>SetTextColor(RGB());

pDC>SetBkMode(TRANSPARENT);

return hbr;

}

下面是使用位图背景和空画刷的效果

图 使用位图背景的效果

第四步单独处理按钮控件

现在看来按钮控件还是影响整体效果WM_CTLCOLORBTN好像对于push button类型的按钮控件没有效果不过push button也是支持自画的在使用自画按钮之前我们先来看看控件自画的原理Windows的控件都有默认的外观但是许多控件有支持自画也就是让用户定制控件的外观当给一个控件指定自画的样式之后控件在重画自己的时候向父窗口发送WM_MEASUREITEM和WM_DRAWITEM消息父窗口响应这两个消息定位控件的大小并绘制控件从而使控件有定制的外观但是每个控件的自画都由父窗口完成加重了父窗口的负担也不利于代码重用所以MFC对这些消息进行了反射处理就是将消息发还位控件由控件响应消息自己绘制这样将自画代码封装在控件类中提高了代码的重用性很多MFC的控件类都自己处理这两个消息派生类可以重载MeasureItem和DrawItem自己画控件的外观CButton就是这样的控件类

现在就来做一个自画的按钮类首先从CButton派生一个类我们命名为CSMButton然后重载DrawItem和PreSubclassWindow重载PreSubclassWindow的原因是在CSMButton子类化按钮控件之前先给按钮添加BS_OWNERDRAW样式否则按钮就不会向父窗口发送WM_DRAWITEM消息MFC的消息反射就不会发生我们的DrawItem就不会被调用嗯后果很严重当然也可以让CSMButton的使用者自己给按钮添加BS_OWNERDRAW样式但是会让人觉得没水平嗯后果也很严重接下来添加对WM_CAPTURECHANGEDWM_MOUSEMOVEWM_SETCURSOR和WM_KILLFOCUS四个消息的响应函数对这四个消息的响应是为了给按钮增加更多的功能比如使按钮看起来象工具栏的按钮改变鼠标的形状等等

关于CSMButton类的使用就像CButton一样为按钮添加变量就行了演示代码中包含了这个类的源代码以及用法这里不在赘述CSMButton类的功能很简单但是完成了一个自画按钮的框架大家可以修改代码实现自己的风格网上也有很多这样的类功能更强大比如STButton等现在看看CSMButton的效果

图 使用自画按钮后的效果

第五步使用Picture Box控件

想要在对话框上显示位图可以使用很复杂的控件或CxImage之类的库也可以很简单地使用Picture BoxPicture Box默认的样式使Frame需要手工改成Bitmap如下图所示

图 使用位图

VC的集成环境不支持位位图的浏览和编辑但是并不影响使用本例使用的位图都是位的为的是省去调色板的处理本人比较懒使用如下代码就可以更改Picture Box中的位图

m_hCat = (HBITMAP)::LoadImage(AfxGetResourceHandle()MAKEINTRESOURCE(IDB_BITMAP)IMAGE_BITMAPLR_CREATEDIBSECTION);

GetDlgItem(IDC_STC_PICTURE)>SendMessage(STM_SETIMAGEIMAGE_BITMAP (LPARAM)m_hCat);

装载位图还可以这样

m_hCat = (HBITMAP)::LoadImage(AfxGetResourceHandle()(LPCTSTR)IDB_BITMAPIMAGE_BITMAPLR_CREATEDIBSECTION);

这是最终的效果

图 对话框的最终效果

上一篇：2013年10月自考“高级语言程序设计”试题[1]

下一篇：Date.Now 如何格式化日期