以下为具体的实现方法:
加入一个新类,类名:CMyButton,基类:CButton。
在头文件 MyButton.h 中加入以下变量和函数定义:
private: int m_Style; //按钮形状(0-正常,1-当前,2-按下,3-锁定) BOOL b_InRect; //鼠标进入标志 CString m_strText; //按钮文字 COLORREF m_ForeColor; //文本颜色 COLORREF m_BackColor; //背景色 COLORREF m_LockForeColor; //锁定按钮的文字颜色 CRect m_ButRect; //按钮尺寸 CFont* p_Font; //字体 void DrawButton(CDC *pDC); //画正常的按钮 // 接口函数 public: void SetText(CString str); void SetForeColor(COLORREF color); //设置文本颜色 void SetBkColor(COLORREF color); //设置背景颜色 void SetTextFont(int FontHight,LPCTSTR FontName); //设置字体 |
在 MyButton.cpp 的构造函数中初始化变量:
CMyButton::CMyButton() { m_Style = 0; //按钮形状风格 b_InRect = false; //鼠标进入标志 m_strText = _T(""); //按钮文字(使用默认文字) m_ForeColor = RGB(0,0,0); //文字颜色(黑色) m_BackColor = RGB(243,243,243); //背景色(灰白色) m_LockForeColor = GetSysColor(COLOR_GRAYTEXT); //锁定按钮的文字颜色 p_Font = NULL; //字体指针 } |
用ClassWizard添加下列消息函数:
PreSubclassWindow();
DrawItem();
OnMouseMove();
OnLButtonDown();
OnLButtonUp();
在各函数内加入代码:
void CMyButton::PreSubclassWindow() { ModifyStyle( 0, BS_OWNERDRAW ); //设置按钮属性为自画式 CButton::PreSubclassWindow(); } |
PreSubclassWindow()在按钮创建前自动执行,所以我们可以在其中做一些初始工作。这里我只做了一项工作,就是为按钮设置属性为“自绘”式,这样,用户在添加按钮后,就不需设置“Owner draw”属性了。
void CMyButton::DrawItem(LPDRAWITEMSTRUCT lpDrawItemStruct) { CDC *pDC = CDC::FromHandle( lpDrawItemStruct->hDC ); m_ButRect = lpDrawItemStruct->rcItem; //获取按钮尺寸 if( m_strText.IsEmpty() ) GetWindowText( m_strText ); //获取按钮文本 int nSavedDC = pDC->SaveDC(); VERIFY( pDC ); DrawButton( pDC ); //绘制按钮 pDC->RestoreDC( nSavedDC ); } |
DrawItem()函数是一个关键函数,按钮的绘制工作就在这里进行,它的作用相当于对话框中的OnPaint()函数和视图中的OnDraw()函数。
这里我做了三项工作:获取按钮尺寸、获取按钮文本、绘制按钮。其中绘制工作在自定义函数DrawButton()中完成。以下就是绘制过程:
void CMyButton::DrawButton(CDC *pDC) { //调整状态 if( m_Style==3 ) m_Style = 0; if( GetStyle() & WS_DISABLED ) m_Style = 3; //禁止状态 //根据状态调整边框颜色和文字颜色 COLORREF bColor, fColor; //bColor为边框颜色,fColor为文字颜色 switch( m_Style ) { case 0: bColor = RGB(192,192,192); fColor = m_ForeColor; break; //正常按钮 case 1: bColor = RGB(255,255,255); fColor = m_ForeColor; break; //鼠标进入时按钮 case 2: bColor = RGB(192,192,192); fColor = m_ForeColor; break; //按下的按钮 case 3: bColor = m_BackColor; fColor = m_LockForeColor; break; //锁定的按钮 } //绘制按钮背景 CBrush Brush; Brush.CreateSolidBrush( m_BackColor ); //背景刷 pDC->SelectObject( &Brush ); CPen Pen; Pen.CreatePen(PS_SOLID, 1, bColor ); pDC->SelectObject( &Pen ); pDC->RoundRect(&m_ButRect,CPoint(5,5)); //画圆角矩形 //绘制按钮按下时的边框 if( m_Style!=2 ) { CRect Rect; Rect.SetRect( m_ButRect.left+2, m_ButRect.top+1, m_ButRect.right, m_ButRect.bottom ); pDC->DrawEdge( &Rect, BDR_RAISEDINNER, BF_RECT ); //画边框 } //绘制按钮文字 pDC->SetTextColor( fColor ); //画文字 pDC->SetBkMode( TRANSPARENT ); pDC->DrawText( m_strText, &m_ButRect, DT_SINGLELINE | DT_CENTER | DT_VCENTER | DT_END_ELLIPSIS); //绘制拥有焦点按钮的虚线框 if( GetFocus()==this ) { CRect Rect; Rect.SetRect( m_ButRect.left+3, m_ButRect.top+2, m_ButRect.right-3, m_ButRect.bottom-2 ); pDC->DrawFocusRect( &Rect ); //画拥有焦点的虚线框 } } |
变量 m_Style 表征当前按钮状态,它的取值为:0-正常,1-当前,2-按下,3-锁定。不同状态下按钮的边框颜色和文字颜色有所不同。m_Style 的值在鼠标响应函数中进行修改。
绘制工作主要利用CDC类的绘图函数完成,主要注意在 m_Style 不同取值下表现出来的差别。
void CMyButton::OnMouseMove(UINT nFlags, CPoint point) { if( !b_InRect || GetCapture()!=this ) //鼠标进入按钮 { b_InRect = true; //设置进入标志 SetCapture(); //捕获鼠标 m_Style = 1; //设置按钮状态 Invalidate(); //重绘按钮 } else { if ( !m_ButRect.PtInRect(point) ) //鼠标离开按钮 { b_InRect = false; //清除进入标志 ReleaseCapture(); //释放捕获的鼠标 m_Style = 0; //设置按钮状态 Invalidate(); //重绘按钮 } } CButton::OnMouseMove(nFlags, point); } |
OnMouseMove()函数是鼠标移动消息函数,用于判定当前鼠标指针是否在按钮上。b_InRect是个标志,为true表示鼠标指针进入了按钮区域,此时要捕获鼠标,让鼠标命令传送给按钮。当鼠标指针离开按钮时,要清除b_InRect标志,并且释放捕获的鼠标,让其它窗口可以接收鼠标命令。
Invalidate()函数用于更新按钮,它会自动调用DrawItem()函数重新绘制按钮。
设置条件的目的是仅在鼠标指针进入按钮和离开按钮时更新按钮,这样可以防止鼠标在按钮上移动时发生闪烁。
void CMyButton::OnLButtonDown(UINT nFlags, CPoint point) { m_Style = 2; Invalidate(); //重绘按钮 CButton::OnLButtonDown(nFlags, point); } |
OnLButtonDown()函数是单击鼠标左键时的消息函数。这里只是重新绘制按钮,具体的单击响应应该在拥有按钮的对话框或视图中进行。
void CMyButton::OnLButtonUp(UINT nFlags, CPoint point) { m_Style = 1; Invalidate(); //重绘按钮 CButton::OnLButtonUp(nFlags, point); } |
OnLButtonUp()函数是单击鼠标左键后弹起时的消息函数。这里也只是重绘按钮,这样能使按钮在按下和弹起时有所不同,使按钮看上去有动态效果。
接口函数是用 CMyButton类 定义的按钮修改颜色、字体和按钮文字的接口,由以下函数组成:
//设置按钮文本 void CMyButton::SetText(CString str) { m_strText = _T(""); SetWindowText(str); } |
//设置文本颜色 void CMyButton::SetForeColor(COLORREF color) { m_ForeColor = color; Invalidate(); } |
//设置背景颜色 void CMyButton::SetBkColor(COLORREF color) { m_BackColor = color; Invalidate(); } |
//设置字体(字体高度、字体名) void CMyButton::SetTextFont(int FontHight,LPCTSTR FontName) { if ( p_Font ) delete p_Font; //删除旧字体 p_Font = new CFont; p_Font->CreatePointFont( FontHight, FontName ); //创建新字体 SetFont( p_Font ); //设置字体 } |
由于新字体由 new 生成,必须显式回收,这项工作可以在 CMyButton类 的析构函数中进行:
CMyButton::~CMyButton() { if ( p_Font ) delete p_Font; //删除字体 } |
这样一个可设置颜色、字体的按钮类就做好了。使用时,先在对话框中放置好按钮,再用 ClassWizard 为按钮添加控制变量,并且将变量的类型设置为 CMyButton。之后,可以用该变量调用接口函数设置按钮颜色和字体。具体情况可以参考示例程序。
示例程序界面:
本文所用MFC函数速查:
CBrush::CreateSolidBrush
CDC::DrawEdge
CDC::DrawFocusRect
CDC::DrawText
CDC::FromHandle
CDC::RestoreDC
CDC::RoundRect
CDC::SaveDC
CDC::SelectObject
CDC::SetBkMode
CDC::SetTextColor
CFont::CreatePointFont
CPen::CreatePen
CRect::PtInRect
CRect::SetRect
CString::IsEmpty
CWnd::GetCapture
CWnd::GetFocus
CWnd::GetStyle
CWnd::GetWindowText
CWnd::Invalidate
CWnd::ModifyStyle
CWnd::ReleaseCapture
CWnd::SetCapture
CWnd::SetFont
CWnd::SetWindowText