MFC自绘Button按钮分析和实现

转自：https://blog.csdn.net/c_base_jin/article/details/53726209

对于按压式的Button按钮，WM_CTLCOLOR无法完成按钮控件的背景颜色和字体颜色修改，若想要完成外观定制需要添加WM_DRAWITEM消息或者重写CButton类中的DrawItem函数完成按钮外观修改，下面逐一介绍。

自绘制知识基础

自绘制需要的两个基础步骤：

1.控件类型设置为 BS_OWNERDRAW

2.添加WM_DRAWITEM消息响应函数或者重写DrawItem函数。

WM_DRAWITEM消息响应原型如下：

[cpp]  view plain  copy

1. afx_msg void OnDrawItem( int nIDCtl, LPDRAWITEMSTRUCT lpDrawItemStruct );  
2.   
3. 参数：   
4. nIDCtl   
5.     包含了发送WM_DRAWITEM消息的控件的标识符。如果菜单发送了此消息，则nIDCtl中包含0。    
6. lpDrawItemStruct   
7.     指定了指向DRAWITEMSTRUCT数据结构的长指针，其中包含有关要画出的项和要求的绘图类型的信息。  

说明：
当控件或菜单的可视状态发生变化时，框架为自画按钮控件、组合框控件、列表框控件或者菜单的拥有者调用这个成员函数。

DRAWITEMSTRUCT结构体信息如下：

[cpp]  view plain  copy

1. typedef struct tagDRAWITEMSTRUCT   
2. {  
3.   UINT CtlType;     
4.   UINT CtlID;     
5.   UINT itemID;   
6.   UINT itemAction;     
7.   UINT itemState;     
8.   HWND hwndItem;     
9.   HDC hDC;     
10.   RECT rcItem;   
11.   ULONG_PTR itemData;   
12. } DRAWITEMSTRUCT;   

DrawItem函数原型如下，入参和OnDrawItem一样，不再重复介绍：

[cpp]  view plain  copy

1. virtual void DrawItem(LPDRAWITEMSTRUCT /*lpDrawItemStruct*/);  

需要说明的是，若某个控件拥有了BS_OWNERDRAW属性，则控件的绘制将由父窗口完成转移给了“程序员”，程序员需要完成所有的绘制工作，也就实现了控件自绘，若没有完成控件绘制功作，我们在界面上将看不到对应的控件，我们在重绘某个控件时，强烈推荐使用子类化方法，比如想自绘Button控件, 首先添加自己的类CMYButton 继承自 CButton，这样的设计符合程序设计思想，避免了父类功能的臃肿，也实现了程序的复用。

自绘制原理分析

自绘基本流程我已经绘制成流程图了，这样也清晰易懂，图中的数字标识也给出了简单介绍，自绘流程如图1所示：

                                                                     图1 自绘制原理

1.子控件将要被绘制时，检测该控件有BS_OWNERDRAW属性，则向父窗口发送WM_DRAWITEM消息
2.父窗口完成收集和准备控件绘制所必要的信息
3.若ReflectLastMsg函数返回TRUE，表示消息反射成功，使用子控件中的绘制代码
4.若ReflectLastMsg函数返回FALSE，表示消息反射失败，使用父窗口中的绘制代码
5.消息反射成功了，我们就可以重写CButton中DrawItem虚函数完成控件自绘制

下面将展示如何完成控件的绘制步骤：

1.基于对话框建立DrawButton工程

2.添三个按压式Button控件，其ID分别四IDC_YES,IDC_NO, IDC_HELP如图2所示：

                                  图2  控件布局

3.分别在父窗口(对话框)和子类化中实现自绘，具体过程如下：

父窗口中实现自绘制

具体过程：类视图->属性->查找WM_WM_DRAWITEM->添加并编辑"OnDrawItem"，其代码如下：

[cpp]  view plain  copy

1. void CDrawButtonDlg::OnDrawItem(int nIDCtl, LPDRAWITEMSTRUCT lpDrawItemStruct)  
2. {  
3.    // TODO: 在此添加消息处理程序代码和/或调用默认值  
4.      
5.    //获得button标题   
6.    CString btnCaption = _T("Dialog");  
7.    CDC* pDC = CDC::FromHandle(lpDrawItemStruct->hDC);  
8.   
9.    CRect drawRect;  
10.    //获得绘图DC  
11.    //得到原Button的矩形大小  
12.    drawRect.CopyRect(&(lpDrawItemStruct->rcItem));      
13.    //绘制控件框架   
14.    pDC->DrawFrameControl(&drawRect,DFC_BUTTON,lpDrawItemStruct->CtlType);  
15.   
16.   
17.    //创建画刷  
18.    CBrush pBrush;  
19.    pBrush.CreateSolidBrush(RGB(100,130,10));  
20.    //画矩形   
21.    pDC->FillRect(drawRect,&pBrush);  
22.   
23.   
24.    //定义一个CRect用于绘制文本   
25.    CRect textRect;  
26.    //拷贝矩形区域   
27.    textRect.CopyRect(&drawRect);  
28.    //获得字符串尺寸  
29.    CSize sz = pDC->GetTextExtent(btnCaption);  
30.    //调整文本位置 居中   
31.    textRect.top += (textRect.Height()- sz.cy)/2;  
32.    //设置文本背景透明   
33.    pDC->SetBkMode(TRANSPARENT);  
34.    //设置文本颜色  
35.    pDC->SetTextColor(RGB(0,0,255));   
36.    //绘制文本内容  
37.    pDC->DrawText(btnCaption,&textRect,DT_RIGHT|DT_CENTER|DT_BOTTOM);  
38.   
39.    CDialog::OnDrawItem(nIDCtl, lpDrawItemStruct);  
40. }  

子类化实现自绘制

具体过程：

1.类视图->点击工程名->点击添加->MFC类->基类：CButton，子类命名为CMyButton。

2.资源视图->控件IDC_YES,IDC_HELP添加变量->类型选择为CMyButton。

在自定义的CMyButton中我们添加DrawItem虚函数，其具体代码如下：

[cpp]  view plain  copy

1. void CMyButton::DrawItem(LPDRAWITEMSTRUCT lpDrawItemStruct)  
2. {  
3.     CString btnCaption = "";   
4.     //设置标题  
5.     switch (lpDrawItemStruct->CtlID)  
6.     {  
7.     case IDC_YES:  
8.         btnCaption = "Yes";  
9.         break;  
10.     case IDC_NO:  
11.         btnCaption = "No";  
12.         break;  
13.     case IDC_HELP:  
14.         btnCaption = "Help";  
15.         break;  
16.     default:  
17.         ;  
18.     }   
19.   
20.     CDC* pDC = CDC::FromHandle(lpDrawItemStruct->hDC);  
21.   
22.     CRect drawRect;  
23.     //获得绘图DC  
24.     //得到原Button的矩形大小  
25.     drawRect.CopyRect(&(lpDrawItemStruct->rcItem));      
26.     //绘制控件框架   
27.     pDC->DrawFrameControl(&drawRect,DFC_BUTTON,lpDrawItemStruct->CtlType);  
28.   
29.     //使得初始的button颜色不一样  
30.     static int nStepColor = 0;   
31.   
32.     //创建画刷  
33.     CBrush pBrush;  
34.     pBrush.CreateSolidBrush(RGB(100+nStepColor,130,nStepColor));  
35.     //画矩形   
36.     pDC->FillRect(drawRect,&pBrush);  
37.   
38.   
39.     //定义一个CRect用于绘制文本   
40.     CRect textRect;  
41.     //拷贝矩形区域   
42.     textRect.CopyRect(&drawRect);  
43.     //获得字符串尺寸  
44.     CSize sz = pDC->GetTextExtent(btnCaption);  
45.     //调整文本位置 居中   
46.     textRect.top += (textRect.Height()- sz.cy)/2;  
47.     //设置文本背景透明   
48.     pDC->SetBkMode(TRANSPARENT);  
49.     //设置文本颜色  
50.     pDC->SetTextColor(RGB(0,0,255));   
51.     //绘制文本内容  
52.     pDC->DrawText(btnCaption,&textRect,DT_RIGHT|DT_CENTER|DT_BOTTOM);  
53.     nStepColor += 120;  
54.   
55. }  

运行效果：

说明中间一个Button按钮的自绘是由父窗口的OnDrawItem实现的。