可设置字体和颜色的按钮

要想修改CButton类按钮背景颜色和文字颜色,必须利用自绘方法对按钮进行重新绘制。这可以通过定义一个以CButton为基类的新按钮类来实现。以下为具体的实现方法:

加入一个新类,类名: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

http://221.199.150.103/jsj/Html/vc/wen/vcwen02.htm

你可能感兴趣的:(可设置字体和颜色的按钮)