可设置字体和颜色的按钮

huozheleisi

浏览: 1233575 次

最近访客更多访客>>

AVI

wangyy

u012363178

shh200438

博主相关

博客

微博

相册

留言

关于我

文章分类

全部博客 (1798)

社区版块

存档分类

要想修改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。之后，可以用该变量调用接口函数设置按钮颜色和字体。具体情况可以参考示例程序。

示例程序界面：

示例程序界面