MFC自繪Button按鈕分析和實現

2020-01-26 13:31:19

字體：大中小

來源：轉載

供稿：網友

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

自繪制知識基礎

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

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; }

運行效果：