MFC自繪Button按鈕分析和實現

這篇文章主要爲大家詳細介紹了MFC自繪Button按鈕分析和實現,具有一定的參考價值,感興趣的小夥伴們可以參考一下

對於按壓式的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;
 
}

運行效果:

說明中間一個Button按鈕的自繪是由父窗口的OnDrawItem實現的。

以上就是本文的全部內容,希望對大家的學習有所幫助,也希望大家多多支持神馬文庫。

發表評論
所有評論
還沒有人評論,想成為第一個評論的人麼? 請在上方評論欄輸入並且點擊發布.
相關文章