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

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

自繪制知識基礎

自繪制需要的兩個基礎步驟：

1.控件類型設置為 BS_OWNERDRAW

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

WM_DRAWITEM消息響應原型如下：

afx_msg void OnDrawItem( int nIDCtl, LPDRAWITEMSTRUCT lpDrawItemStruct );

參數：

nIDCtl

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

lpDrawItemStruct

指定了指向DRAWITEMSTRUCT數據結構的長指針，其中包含有關要畫出的項和要求的繪圖類型的信息。

說明：

當控件或菜單的可視狀態發生變化時，框架為自畫按鈕控件、組合框控件、列表框控件或者菜單的擁有者調用這個成員函數。

DRAWITEMSTRUCT結構體信息如下：

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

DrawItem函數原型如下，入參和OnDrawItem一樣，不再重復介紹：

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"，其代碼如下：

void CDrawButtonDlg::OnDrawItem(int nIDCtl, LPDRAWITEMSTRUCT lpDrawItemStruct)
{
 // TODO: 在此添加消息處理程序代碼和/或調用默認值
 
 //獲得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);
 
 
 //創建畫刷
 CBrush pBrush;
 pBrush.CreateSolidBrush(RGB(100,130,10));
 //畫矩形 
 pDC->FillRect(drawRect,&pBrush);
 
 
 //定義一個CRect用于繪制文本 
 CRect textRect;
 //拷貝矩形區域 
 textRect.CopyRect(&drawRect);
 //獲得字符串尺寸
 CSize sz = pDC->GetTextExtent(btnCaption);
 //調整文本位置 居中 
 textRect.top += (textRect.Height()- sz.cy)/2;
 //設置文本背景透明 
 pDC->SetBkMode(TRANSPARENT);
 //設置文本顏色
 pDC->SetTextColor(RGB(0,0,255)); 
 //繪制文本內容
 pDC->DrawText(btnCaption,&textRect,DT_RIGHT|DT_CENTER|DT_BOTTOM);
 
 CDialog::OnDrawItem(nIDCtl, lpDrawItemStruct);
}

子類化實現自繪制

具體過程：

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

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

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

void CMyButton::DrawItem(LPDRAWITEMSTRUCT lpDrawItemStruct)
{
 CString btnCaption = ""; 
 //設置標題
 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; 
 
 //創建畫刷
 CBrush pBrush;
 pBrush.CreateSolidBrush(RGB(100+nStepColor,130,nStepColor));
 //畫矩形 
 pDC->FillRect(drawRect,&pBrush);
 
 
 //定義一個CRect用于繪制文本 
 CRect textRect;
 //拷貝矩形區域 
 textRect.CopyRect(&drawRect);
 //獲得字符串尺寸
 CSize sz = pDC->GetTextExtent(btnCaption);
 //調整文本位置 居中 
 textRect.top += (textRect.Height()- sz.cy)/2;
 //設置文本背景透明 
 pDC->SetBkMode(TRANSPARENT);
 //設置文本顏色
 pDC->SetTextColor(RGB(0,0,255)); 
 //繪制文本內容
 pDC->DrawText(btnCaption,&textRect,DT_RIGHT|DT_CENTER|DT_BOTTOM);
 nStepColor += 120;
 
}

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