MFC自繪Button按鈕分析和實(shí)現(xiàn)

更新時間：2019年02月20日 15:41:59 作者：Jimmy1224

這篇文章主要為大家詳細(xì)介紹了MFC自繪Button按鈕分析和實(shí)現(xiàn)，具有一定的參考價值，感興趣的小伙伴們可以參考一下

對于按壓式的Button按鈕，WM_CTLCOLOR無法完成按鈕控件的背景顏色和字體顏色修改，若想要完成外觀定制需要添加WM_DRAWITEM消息或者重寫CButton類中的DrawItem函數(shù)完成按鈕外觀修改，下面逐一介紹。

自繪制知識基礎(chǔ)

自繪制需要的兩個基礎(chǔ)步驟：

1.控件類型設(shè)置為 BS_OWNERDRAW

2.添加WM_DRAWITEM消息響應(yīng)函數(shù)或者重寫DrawItem函數(shù)。

WM_DRAWITEM消息響應(yīng)原型如下：

afx_msg void OnDrawItem( int nIDCtl, LPDRAWITEMSTRUCT lpDrawItemStruct );

參數(shù)：

nIDCtl

包含了發(fā)送WM_DRAWITEM消息的控件的標(biāo)識符。如果菜單發(fā)送了此消息，則nIDCtl中包含0。

lpDrawItemStruct

指定了指向DRAWITEMSTRUCT數(shù)據(jù)結(jié)構(gòu)的長指針，其中包含有關(guān)要畫出的項和要求的繪圖類型的信息。

說明：

當(dāng)控件或菜單的可視狀態(tài)發(fā)生變化時，框架為自畫按鈕控件、組合框控件、列表框控件或者菜單的擁有者調(diào)用這個成員函數(shù)。

DRAWITEMSTRUCT結(jié)構(gòu)體信息如下：

typedef struct tagDRAWITEMSTRUCT 
{
 UINT CtlType; 
 UINT CtlID; 
 UINT itemID; 
 UINT itemAction; 
 UINT itemState; 
 HWND hwndItem; 
 HDC hDC; 
 RECT rcItem; 
 ULONG_PTR itemData; 
} DRAWITEMSTRUCT;

DrawItem函數(shù)原型如下，入?yún)⒑蚈nDrawItem一樣，不再重復(fù)介紹：

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

需要說明的是，若某個控件擁有了BS_OWNERDRAW屬性，則控件的繪制將由父窗口完成轉(zhuǎn)移給了“程序員”，程序員需要完成所有的繪制工作，也就實(shí)現(xiàn)了控件自繪，若沒有完成控件繪制功作，我們在界面上將看不到對應(yīng)的控件，我們在重繪某個控件時，強(qiáng)烈推薦使用子類化方法，比如想自繪Button控件, 首先添加自己的類CMYButton 繼承自 CButton，這樣的設(shè)計符合程序設(shè)計思想，避免了父類功能的臃腫，也實(shí)現(xiàn)了程序的復(fù)用。

自繪制原理分析

自繪基本流程我已經(jīng)繪制成流程圖了，這樣也清晰易懂，圖中的數(shù)字標(biāo)識也給出了簡單介紹，自繪流程如圖1所示：

圖1 自繪制原理

1.子控件將要被繪制時，檢測該控件有BS_OWNERDRAW屬性，則向父窗口發(fā)送WM_DRAWITEM消息
2.父窗口完成收集和準(zhǔn)備控件繪制所必要的信息
3.若ReflectLastMsg函數(shù)返回TRUE，表示消息反射成功，使用子控件中的繪制代碼
4.若ReflectLastMsg函數(shù)返回FALSE，表示消息反射失敗，使用父窗口中的繪制代碼
5.消息反射成功了，我們就可以重寫CButton中DrawItem虛函數(shù)完成控件自繪制

下面將展示如何完成控件的繪制步驟：

1.基于對話框建立DrawButton工程

2.添三個按壓式Button控件，其ID分別四IDC_YES,IDC_NO, IDC_HELP如圖2所示：

圖2 控件布局

3.分別在父窗口(對話框)和子類化中實(shí)現(xiàn)自繪，具體過程如下：

父窗口中實(shí)現(xiàn)自繪制

具體過程：類視圖->屬性->查找WM_WM_DRAWITEM->添加并編輯"OnDrawItem"，其代碼如下：

void CDrawButtonDlg::OnDrawItem(int nIDCtl, LPDRAWITEMSTRUCT lpDrawItemStruct)
{
 // TODO: 在此添加消息處理程序代碼和/或調(diào)用默認(rèn)值
 
 //獲得button標(biāo)題 
 CString btnCaption = _T("Dialog");
 CDC* pDC = CDC::FromHandle(lpDrawItemStruct->hDC);
 
 CRect drawRect;
 //獲得繪圖DC
 //得到原Button的矩形大小
 drawRect.CopyRect(&(lpDrawItemStruct->rcItem)); 
 //繪制控件框架 
 pDC->DrawFrameControl(&drawRect,DFC_BUTTON,lpDrawItemStruct->CtlType);
 
 
 //創(chuàng)建畫刷
 CBrush pBrush;
 pBrush.CreateSolidBrush(RGB(100,130,10));
 //畫矩形 
 pDC->FillRect(drawRect,&pBrush);
 
 
 //定義一個CRect用于繪制文本 
 CRect textRect;
 //拷貝矩形區(qū)域 
 textRect.CopyRect(&drawRect);
 //獲得字符串尺寸
 CSize sz = pDC->GetTextExtent(btnCaption);
 //調(diào)整文本位置 居中 
 textRect.top += (textRect.Height()- sz.cy)/2;
 //設(shè)置文本背景透明 
 pDC->SetBkMode(TRANSPARENT);
 //設(shè)置文本顏色
 pDC->SetTextColor(RGB(0,0,255)); 
 //繪制文本內(nèi)容
 pDC->DrawText(btnCaption,&textRect,DT_RIGHT|DT_CENTER|DT_BOTTOM);
 
 CDialog::OnDrawItem(nIDCtl, lpDrawItemStruct);
}

子類化實(shí)現(xiàn)自繪制

具體過程：

1.類視圖->點(diǎn)擊工程名->點(diǎn)擊添加->MFC類->基類：CButton，子類命名為CMyButton。

2.資源視圖->控件IDC_YES,IDC_HELP添加變量->類型選擇為CMyButton。

在自定義的CMyButton中我們添加DrawItem虛函數(shù)，其具體代碼如下：

void CMyButton::DrawItem(LPDRAWITEMSTRUCT lpDrawItemStruct)
{
 CString btnCaption = ""; 
 //設(shè)置標(biāo)題
 switch (lpDrawItemStruct->CtlID)
 {
 case IDC_YES:
 btnCaption = "Yes";
 break;
 case IDC_NO:
 btnCaption = "No";
 break;
 case IDC_HELP:
 btnCaption = "Help";
 break;
 default:
 ;
 } 
 
 CDC* pDC = CDC::FromHandle(lpDrawItemStruct->hDC);
 
 CRect drawRect;
 //獲得繪圖DC
 //得到原Button的矩形大小
 drawRect.CopyRect(&(lpDrawItemStruct->rcItem)); 
 //繪制控件框架 
 pDC->DrawFrameControl(&drawRect,DFC_BUTTON,lpDrawItemStruct->CtlType);
 
 //使得初始的button顏色不一樣
 static int nStepColor = 0; 
 
 //創(chuàng)建畫刷
 CBrush pBrush;
 pBrush.CreateSolidBrush(RGB(100+nStepColor,130,nStepColor));
 //畫矩形 
 pDC->FillRect(drawRect,&pBrush);
 
 
 //定義一個CRect用于繪制文本 
 CRect textRect;
 //拷貝矩形區(qū)域 
 textRect.CopyRect(&drawRect);
 //獲得字符串尺寸
 CSize sz = pDC->GetTextExtent(btnCaption);
 //調(diào)整文本位置 居中 
 textRect.top += (textRect.Height()- sz.cy)/2;
 //設(shè)置文本背景透明 
 pDC->SetBkMode(TRANSPARENT);
 //設(shè)置文本顏色
 pDC->SetTextColor(RGB(0,0,255)); 
 //繪制文本內(nèi)容
 pDC->DrawText(btnCaption,&textRect,DT_RIGHT|DT_CENTER|DT_BOTTOM);
 nStepColor += 120;
 
}

運(yùn)行效果：