使用MFC怎么繪制一個Button按鈕

今天就跟大家聊聊有關(guān)使用MFC怎么繪制一個Button按鈕，可能很多人都不太了解，為了讓大家更加了解，小編給大家總結(jié)了以下內(nèi)容，希望大家根據(jù)這篇文章可以有所收獲。

自繪制知識基礎(chǔ)

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

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

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

WM_DRAWITEM消息響應原型如下：

afx_msg void OnDrawItem( int nIDCtl, LPDRAWITEMSTRUCT lpDrawItemStruct );

參數(shù)：

nIDCtl

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

lpDrawItemStruct

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

說明：

當控件或菜單的可視狀態(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一樣，不再重復介紹：

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

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

自繪制原理分析

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

圖1 自繪制原理

1.子控件將要被繪制時，檢測該控件有BS_OWNERDRAW屬性，則向父窗口發(fā)送WM_DRAWITEM消息
2.父窗口完成收集和準備控件繪制所必要的信息
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.分別在父窗口(對話框)和子類化中實現(xiàn)自繪，具體過程如下：

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

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

void CDrawButtonDlg::OnDrawItem(int nIDCtl, LPDRAWITEMSTRUCT lpDrawItemStruct)
{
 // TODO: 在此添加消息處理程序代碼和/或調(diào)用默認值
 
 //獲得button標題 
 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);
}

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

具體過程：

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

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

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

void CMyButton::DrawItem(LPDRAWITEMSTRUCT lpDrawItemStruct)
{
 CString btnCaption = ""; 
 //設(shè)置標題
 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;
 
}

看完上述內(nèi)容，你們對使用MFC怎么繪制一個Button按鈕有進一步的了解嗎？如果還想了解更多知識或者相關(guān)內(nèi)容，請關(guān)注億速云行業(yè)資訊頻道，感謝大家的支持。