要想修改CButton类按钮背景颜色和文字颜色,必须利用自绘方法对按钮进行重新绘制。这可以通过定义一个以CButton为基类的新按钮类来实现。以下为具体的实现方法:
加入一个新类,类名:CMyButton,基类:CButton。
在头文件 MyButton.h 中加入以下变量和函数定义:
private: intm_Style;//按钮形状(0-正常,1-当前,2-按下,3-锁定) BOOLb_InRect;//鼠标进入标志 CStringm_strText;//按钮文字 COLORREFm_ForeColor;//文本颜色 COLORREFm_BackColor;//背景色 COLORREFm_LockForeColor;//锁定按钮的文字颜色 CRectm_ButRect;//按钮尺寸 CFont*p_Font;//字体 voidDrawButton(CDC*pDC);//画正常的按钮 //接口函数 public: voidSetText(CStringstr); voidSetForeColor(COLORREFcolor);//设置文本颜色 voidSetBkColor(COLORREFcolor);//设置背景颜色 voidSetTextFont(intFontHight,LPCTSTRFontName);//设置字体 |
在 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();
在各函数内加入代码:
voidCMyButton::PreSubclassWindow() { ModifyStyle(0,BS_OWNERDRAW);//设置按钮属性为自画式 CButton::PreSubclassWindow(); } |
PreSubclassWindow()在按钮创建前自动执行,所以我们可以在其中做一些初始工作。这里我只做了一项工作,就是为按钮设置属性为“自绘”式,这样,用户在添加按钮后,就不需设置“Owner draw”属性了。
voidCMyButton::DrawItem(LPDRAWITEMSTRUCTlpDrawItemStruct) { CDC*pDC=CDC::FromHandle(lpDrawItemStruct->hDC); m_ButRect=lpDrawItemStruct->rcItem;//获取按钮尺寸 if(m_strText.IsEmpty()) GetWindowText(m_strText);//获取按钮文本 intnSavedDC=pDC->SaveDC(); VERIFY(pDC); DrawButton(pDC);//绘制按钮 pDC->RestoreDC(nSavedDC); } |
DrawItem()函数是一个关键函数,按钮的绘制工作就在这里进行,它的作用相当于对话框中的OnPaint()函数和视图中的OnDraw()函数。
这里我做了三项工作:获取按钮尺寸、获取按钮文本、绘制按钮。其中绘制工作在自定义函数DrawButton()中完成。以下就是绘制过程:
voidCMyButton::DrawButton(CDC*pDC) { //调整状态 if(m_Style==3)m_Style=0; if(GetStyle()&WS_DISABLED) m_Style=3;//禁止状态 //根据状态调整边框颜色和文字颜色 COLORREFbColor,fColor;//bColor为边框颜色,fColor为文字颜色 switch(m_Style) { case0:bColor=RGB(192,192,192);fColor=m_ForeColor;break;//正常按钮 case1:bColor=RGB(255,255,255);fColor=m_ForeColor;break;//鼠标进入时按钮 case2:bColor=RGB(192,192,192);fColor=m_ForeColor;break;//按下的按钮 case3:bColor=m_BackColor;fColor=m_LockForeColor;break;//锁定的按钮 } //绘制按钮背景 CBrushBrush; Brush.CreateSolidBrush(m_BackColor);//背景刷 pDC->SelectObject(&Brush); CPenPen; Pen.CreatePen(PS_SOLID,1,bColor); pDC->SelectObject(&Pen); pDC->RoundRect(&m_ButRect,CPoint(5,5));//画圆角矩形 //绘制按钮按下时的边框 if(m_Style!=2) { CRectRect; 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) { CRectRect; 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 不同取值下表现出来的差别。
voidCMyButton::OnMouseMove(UINTnFlags,CPointpoint) { 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()函数重新绘制按钮。
设置条件的目的是仅在鼠标指针进入按钮和离开按钮时更新按钮,这样可以防止鼠标在按钮上移动时发生闪烁。
voidCMyButton::OnLButtonDown(UINTnFlags,CPointpoint) { m_Style=2; Invalidate();//重绘按钮 CButton::OnLButtonDown(nFlags,point); } |
OnLButtonDown()函数是单击鼠标左键时的消息函数。这里只是重新绘制按钮,具体的单击响应应该在拥有按钮的对话框或视图中进行。
voidCMyButton::OnLButtonUp(UINTnFlags,CPointpoint) { m_Style=1; Invalidate();//重绘按钮 CButton::OnLButtonUp(nFlags,point); } |
OnLButtonUp()函数是单击鼠标左键后弹起时的消息函数。这里也只是重绘按钮,这样能使按钮在按下和弹起时有所不同,使按钮看上去有动态效果。
接口函数是用 CMyButton类 定义的按钮修改颜色、字体和按钮文字的接口,由以下函数组成:
//设置按钮文本 voidCMyButton::SetText(CStringstr) { m_strText=_T(""); SetWindowText(str); } |
//设置文本颜色 voidCMyButton::SetForeColor(COLORREFcolor) { m_ForeColor=color; Invalidate(); } |
//设置背景颜色 voidCMyButton::SetBkColor(COLORREFcolor) { m_BackColor=color; Invalidate(); } |
//设置字体(字体高度、字体名) voidCMyButton::SetTextFont(intFontHight,LPCTSTRFontName) { if(p_Font)deletep_Font;//删除旧字体 p_Font=newCFont; p_Font->CreatePointFont(FontHight,FontName);//创建新字体 SetFont(p_Font);//设置字体 } |
由于新字体由 new 生成,必须显式回收,这项工作可以在 CMyButton类 的析构函数中进行:
CMyButton::~CMyButton() { if(p_Font)deletep_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