MFC按钮美化实现Win8默认按钮效果
由于MFC的按钮样式过于古老，不做美化的话开发出来的软件跟Windows98上的软件一样，所以有必要对MFC的CButton类进行扩展生绘。
先说下思路，要改CButton的外观的话只要对DrawItem虚函数进行重写就可以了。通过itemState可以判断出按钮的状态，比如焦点、禁用、默认等等，鼠标进入和移出需要自己响应MouseMove消息。
具体实现代码：
MyButton.h：
#pragma once
#include "afxwin.h"
class CMyButton : public CButton
{
//DECLARE_DYNAMIC(CMyButton)
private:
bool _isCustom;
COLORREF upBorderColor,downBorderColor,focusBorderColor,hoverBorderColor,diableBorderColor; //定义弹起、铵下、焦点、鼠标进入、禁用的边框颜色
COLORREF disableBgColor;//定义禁用的背景颜色
int hoverBgColorR0,hoverBgColorG0,hoverBgColorB0,hoverBgColorR1,hoverBgColorG1,hoverBgColorB1;//分别定义鼠标进入的上边RGB和下边RGB颜色（实现渐变）
int upBgColorR0,upBgColorG0,upBgColorB0,upBgColorR1,upBgColorG1,upBgColorB1;
int downBgColorR0,downBgColorG0,downBgColorB0,downBgColorR1,downBgColorG1,downBgColorB1;//同上，鼠标铵下颜色
public:
CMyButton();
virtual ~CMyButton();
void SetDownColor(COLORREF color); //设置Button Down的背景颜色
void SetUpColor(COLORREF color);//设置弹起颜色
void SetFont(CFont* font);//设置字体
void SetFontColor(COLORREF color);//设置字体颜色
CWnd* cWndParent;
BOOL Attach(int nID, CWnd* pParent);//根据资源ID创建自定义按钮
protected:
//必需重载的函数
virtual void DrawItem(LPDRAWITEMSTRUCT lpDrawItemStruct);//重案绘制函数
public:
WNDPROC OldWndProc;
CtoolTipCtrl m_Mytip;
BOOL m_bTracking;
LRESULT CALLBACK WindowProc(HWND hWnd,UINT message,WPARAM wParam,LPARAM lParam);
//三种颜色分别为文字，Button Down的背景颜色，Button Up的背景颜色
COLORREF m_TextColor, m_DownColor, m_UpColor,m_TempColor;
protected:
// Generated message map functions
//{{AFX_MSG(CMyButton)
//}}AFX_MSG
afx_msg void OnMouseMove(UINT nFlags, CPoint point);
afx_msg LRESULT OnMouseLeave(WPARAM wParam, LPARAM lParam);//鼠标离开事件
afx_msg LRESULT OnMouseHover(WPARAM wParam, LPARAM lParam);//鼠标进入事件
DECLARE_MESSAGE_MAP()
};
MyButton.cpp：
#include "StdAfx.h"
#include "MyButton.h"
BEGIN_MESSAGE_MAP(CMyButton, CButton)
//{{AFX_MSG_MAP(CMyButton)
ON_WM_MOUSEMOVE()
ON_MESSAGE(WM_MOUSELEAVE, OnMouseLeave)//鼠标离开
ON_MESSAGE(WM_MOUSEHOVER, OnMouseHover)//鼠标悬挂
//}}AFX_MSG_MAP
END_MESSAGE_MAP()
CMyButton::CMyButton(void)
{
m_TempColor=m_TextColor=m_DownColor = m_UpColor = RGB(0,0,0);
m_Mytip.Create(this);
m_bTracking=false;
_isCustom=false;
upBorderColor=RGB(172,172,172);
upBgColorR0=upBgColorG0=upBgColorB0=240;
upBgColorR1=upBgColorG1=upBgColorB1=229;
hoverBorderColor=RGB(126,180,234);
hoverBgColorR0=236;
hoverBgColorG0=244;
hoverBgColorB0=252;
hoverBgColorR1=220;
hoverBgColorG1=236;
hoverBgColorB1=252;
downBorderColor=RGB(86,157,229);
downBgColorR0=218;
downBgColorG0=232;
downBgColorB0=252;
downBgColorR1=196;
downBgColorG1=224;
downBgColorB1=252;
focusBorderColor=RGB(51,153,255);
diableBorderColor=RGB(217,217,217);
disableBgColor=RGB(239,239,239);
}
CMyButton::~CMyButton(void){
}
BOOL CMyButton::Attach(int nID, CWnd* pParent){
cWndParent=pParent->GetDlgItem(nID);
cWndParent->ModifyStyle(0,BS_OWNERDRAW,0);
if (!SubclassDlgItem(nID, pParent))
return FALSE;
return TRUE;
}
void CMyButton::DrawItem(LPDRAWITEMSTRUCT lpDrawItemStruct){
// TODO: Add your code to draw the specified item
CDC dc;
dc.Attach(lpDrawItemStruct->hDC);//得到绘制的设备环境CDC
VERIFY(lpDrawItemStruct->CtlType==ODT_BUTTON);
const int bufSize = 512;
TCHAR buffer[bufSize];
GetWindowText(buffer, bufSize);//获取按钮上的文字
int size=strlen(buffer); //得到文字长度
SetBkMode(lpDrawItemStruct->hDC,TRANSPARENT); //设置背景透明
if (lpDrawItemStruct->itemState &ODS_SELECTED){ //当按下按钮时的处理
CRect rect;
GetClientRect(&rect);//获取按钮区域
for(int i=0;i<rect.Height();i++){//处理渐变，如果是垂直方向则rect.Height(),下同
int r,g,b;
r = downBgColorR0 + (i * (downBgColorR1-downBgColorR0) / rect.Height());
g = downBgColorG0 + (i * (downBgColorG1-downBgColorG0) / rect.Height());
b = downBgColorB0 + (i * (downBgColorB1-downBgColorB0) / rect.Height());
dc.FillSolidRect(0,i,rect.Width(),1,RGB(r,g,b));//填充一条直线
}
DrawText(lpDrawItemStruct->hDC,buffer,size,&lpDrawItemStruct->rcItem,DT_CENTER|DT_VCENTER|DT_SINGLELINE|DT_TABSTOP);//绘制文字
SetBkMode(lpDrawItemStruct->hDC,TRANSPARENT);//设置背景透明
CBrush brush1(downBorderColor);//边框颜色
dc.SetTextColor(RGB(0,0,0));//设置文字颜色
dc.FrameRect(&(lpDrawItemStruct->rcItem),&brush1);//
}
else if(lpDrawItemStruct->itemState &ODS_FOCUS||lpDrawItemStruct->itemState &ODS_CHECKED){//获得焦点处理，同上
CRect rect;
GetClientRect(&rect);
for(int i=0;i<rect.Height();i++){ //如果是垂直方向则rect.Height(),下同
int r,g,b;
r = upBgColorR0 + (i * (upBgColorR1-upBgColorR0) / rect.Height());
g = upBgColorG0 + (i * (upBgColorG1-upBgColorG0) / rect.Height());
b = upBgColorB0 + (i * (upBgColorB1-upBgColorB0) / rect.Height());
dc.FillSolidRect(0,i,rect.Width(),1,RGB(r,g,b)););
} DrawText(lpDrawItemStruct->hDC,buffer,size,&lpDrawItemStruct->rcItem,DT_CENTER|DT_VCENTER|DT_SINGLELINE|DT_TABSTOP);
DrawFocusRect(lpDrawItemStruct->hDC, &lpDrawItemStruct->rcItem);
SetBkMode(lpDrawItemStruct->hDC,TRANSPARENT);
CBrush brush1(focusBorderColor);//边框颜色
dc.SetTextColor(RGB(0,0,0));//设置文字颜色
dc.FrameRect(&lpDrawItemStruct->rcItem,&brush1);//
}
else if(lpDrawItemStruct->itemState &ODS_DISABLED){//禁用处理，同上
CBrush brush(disableBgColor);//背景颜色
dc.FillRect(&(lpDrawItemStruct->rcItem),&brush);
dc.SetTextColor(RGB(131,131,131));//设置文字颜色
DrawText(lpDrawItemStruct->hDC,buffer,size,&lpDrawItemStruct->rcItem,DT_CENTER|DT_VCENTER|DT_SINGLELINE|DT_TABSTOP);
DrawFocusRect(lpDrawItemStruct->hDC, &lpDrawItemStruct->rcItem);
SetBkMode(lpDrawItemStruct->hDC,TRANSPARENT);
CBrush brush1(diableBorderColor);//边框颜色
dc.FrameRect(&lpDrawItemStruct->rcItem,&brush1);//
}
else{//当按钮不操作或者弹起处理
CRect rect;
GetClientRect(&rect);
for(int i=0;i<rect.Height();i++){ //如果是垂直方向则rect.Height(),下同
int r,g,b;
r = upBgColorR0 + (i * (upBgColorR1-upBgColorR0) / rect.Height());
g = upBgColorG0 + (i * (upBgColorG1-upBgColorG0) / rect.Height());
b = upBgColorB0 + (i * (upBgColorB1-upBgColorB0) / rect.Height());
dc.FillSolidRect(0,i,rect.Width(),1,RGB(r,g,b));
}
DrawText(lpDrawItemStruct->hDC,buffer,size,&lpDrawItemStruct->rcItem,DT_CENTER|DT_VCENTER|DT_SINGLELINE|DT_TABSTOP);
SetBkMode(lpDrawItemStruct->hDC,TRANSPARENT);
CBrush brush1(upBorderColor);//边框颜色
dc.SetTextColor(RGB(0,0,0));//设置文字颜色
dc.FrameRect(&lpDrawItemStruct->rcItem,&brush1);//
}
dc.Detach();
}
void CMyButton::OnMouseMove(UINT nFlags, CPoint point)
{
if (!m_bTracking)
{
TRACKMOUSEEVENT tme;
tme.cbSize = sizeof(tme);
tme.hwndTrack = m_hWnd;
tme.dwFlags = TME_LEAVE | TME_HOVER;
tme.dwHoverTime = 10;
m_bTracking = _TrackMouseEvent(&tme);
}
}
LRESULT CMyButton::OnMouseLeave(WPARAM wParam, LPARAM lParam){
m_bTracking=false;
if(!_isCustom){
upBorderColor=RGB(172,172,172);;
upBgColorR0=upBgColorG0=upBgColorB0=240;
upBgColorR1=upBgColorG1=upBgColorB1=229;
}
else{
m_UpColor=m_TempColor;
//m_TextColor=RGB(255,255,0);
}
Invalidate(); //重绘按钮
return 0;
}
LRESULT CMyButton::OnMouseHover(WPARAM wParam, LPARAM lParam){
if(!_isCustom){
upBorderColor=hoverBorderColor;
// upBgColor=hoverBgColor;
upBgColorR0=hoverBgColorR0;
upBgColorG0=hoverBgColorG0;
upBgColorB0=hoverBgColorB0;
upBgColorR1=hoverBgColorR1;
upBgColorG1=hoverBgColorG1;
upBgColorB1=hoverBgColorB1;
}
else{
//m_TextColor=RGB(255,0,255);
m_UpColor=m_DownColor;
}
Invalidate(); //重绘按钮
return 0;
}
使用：
在窗体的头文件中添加引用：
#include "MyButton.h"
并创建CmyButton对象：
CMyButton myBtnSubmit;
在窗体的OnInitDialog()事件中添加如下代码
myBtnSubmit.Attach(btnSubmit,this);
最终效果图：
