VC++中对话框界面重绘3-按钮的重绘

时间:2021-11-16 14:36:21

在MFC下编程,很多时候对于标准的按钮控件不是很满意,想要弄的美观些。这就需要按钮重绘。重绘按钮一般的实现方法就是重写CButton类。

       首先给工程添加一个自绘按钮类MyDrawButton,基类为CButton。要想让按钮具备自绘功能,就要为按钮添加BS_OWNERDRAW属性。为类CButton重载PreSubclassWindow虚函数。在该函数中添加如下一行代码:

      SetButtonStyle(GetButtonStyle() | BS_OWNERDRAW);

       当按钮控件具有了自绘功能之后,每次控件状态改变都会触发DrawItem函数,在该函数中来绘制按钮的形态外观,所以第二步就要重载DrawItem虚函数。在这个函数中就可以*发挥了,比如绘制背景,底色,按钮标题,绘制文本字体样式等等。

       一般都会为按钮定义几种不同状态时的外观,比如光标滑过时的状态,按钮按下时的状态,按钮禁用时的状态,以及按钮的正常状态等等。这就要为新的按钮添加几种重要的消息响应。比如WM_MOUSELEAVE消息,WM_MOUSEHOVER消息和WM_MOUSEMOVE消息等等,值得一提的是前两个消息的响应函数需要自己手动添加,微软提供了一个TrackMouseEvent函数在光标离开一个窗口时投递WM_MOUSELEAVE消息,光标滑过窗口时投递WM_MOUSEHOVER消息。一般来说可以在WM_MOUSEMOVE消息响应函数中调用TrackMouseEvent函数来投递WM_MOUSELEAVE消息和WM_MOUSEHOVER消息。然后在WM_MOUSELEAVE消息的响应函数中标记“光标已经离开按钮”,然后调用InvalidateRect函数让按钮重绘。在WM_MOUSEHOVER消息的响应函数中标记“光标正在按钮上方”,并调用InvalidateRect函数让按钮重绘。

       在本文中,重绘按钮分为3个部分。

(1)绘制按钮背景样式,即绘制背景bmp位图,使得按钮具有自定义的样式,同时在绘制按钮背景的输出位图时采用TransparentBlt()函数,该函数的作用是使窗体上显示位图的背景与窗体背景色融为一体,不仅可以显示按钮bmp位图样式,而且还可以使背景透明。

(2)就是绘制按钮上的文本。主要绘制按钮上文本的样式,包括字体大小,字体样式,字体颜色等属性。

(3)实现不同状态下的按钮的外观样式,主要包括WM_MOUSEMOVE和WM_MOUSELEAVE两个消息的消息处理函数。分别实现鼠标在按钮区域上和不在按钮区域上的状态。为了标记鼠标移动到按钮区域内停留,需要用到一个定时器来标记鼠标是否还在按钮区域内停留。在WM_MOUSEMOVE内启动定时器,触发WM_MOUSELEAVE消息时结束定时器即销毁定时器。定时器的主要代码如下:

void MyDrawButton::OnTimer(UINT_PTR nIDEvent)

{

    // TODO: 在此添加消息处理程序代码和/或调用默认值

    if(nIDEvent != 24)

        return;

    CPoint  point;

    CRect   rect;

    GetWindowRect(&rect);  

    GetCursorPos(&point);

    // 如果鼠标离开按钮区域,重绘按钮

    if (!rect.PtInRect(point) && m_bMove)

    {

        KillTimer (24);

        m_DrawState=ST_MOVEOUT;

        m_bMove=FALSE;

        Draw();

    }

    CButton::OnTimer(nIDEvent);

}

重绘按钮类MyDrawButton的主要实现代码如下:

定义的一些重绘用到的变量:

#define ST_MOVEIN       0//绘制状态—在按钮区域上

#define ST_MOVEOUT      1 //绘制状态—不在按钮区域上

int m_DrawState;//绘制状态 

    int m_nBmpID;//当前显示的背景bmp位图的资源ID

    bool m_bMove;//鼠标是否进入按钮区域

    COLORREF m_clText;//当前文本颜色

    COLORREF m_clActiveText;//鼠标进入按钮区域时文本颜色

    COLORREF m_clNormalText;//鼠标离开按钮区域时文本颜色

   

消息处理函数和定义的函数:

void MyDrawButton::PreSubclassWindow()

{

    SetButtonStyle(GetButtonStyle() | BS_OWNERDRAW);

}

void MyDrawButton::DrawItem(LPDRAWITEMSTRUCT lpDrawItemStruct)

{

    Draw();//绘制按钮

}

void MyDrawButton::Draw()//绘制按钮

{

    DrawBackground();//绘制按钮bmp位图,并使背景透明化

    DrawText();//绘制按钮上的文本

}

void MyDrawButton::DrawText()

{//绘制按钮上的文本的字体大小、样式等

    CString     itemString;

    CRect  clientRect;

    CClientDC  dc(this);

    GetClientRect(&clientRect);

    GetWindowText(itemString);

    if(itemString)

    {

        CSize size=dc.GetTextExtent (itemString);//获得所选字体中指定字符串的高度和宽度

        int rectwidth=clientRect.Width();

        int rectheight=clientRect.Height();

        int textwidth=size.cx ;

        int textheight=size.cy ;       

        int x,y; // 文本的位置

        // 计算文本的输出位置

        x=(rectwidth-textwidth)/2;//水平居中

        y=(rectheight-textheight)/2;//垂直居中         

        switch(m_DrawState)

        {

        case ST_MOVEIN://鼠标进入按钮区域

            m_clText=m_clActiveText;

            break;

        case ST_MOVEOUT://鼠标离开按钮区域

            m_clText=m_clNormalText;

            break;

        default:

            m_clText=m_clNormalText;

            break;

        }

        dc.SetTextColor(m_clText);

        dc.SetBkMode(TRANSPARENT);

        CFont *font ;

        font =new CFont();

        int fontSize = 14;  font->CreateFont(fontSize,0,0,0,FW_BOLD,FALSE,FALSE,0,ANSI_CHARSET,OUT_DEFAULT_PRECIS,CLIP_DEFAULT_PRECIS,DEFAULT_QUALITY,FF_SWISS,_T("宋体"));

        dc.SelectObject(font);

        dc.TextOut (x,y,itemString);

    }

}

void MyDrawButton::SetBkBmp(int nBmpID)

{//设置按钮bmp位图样式

    m_nBmpID = nBmpID;

}

void MyDrawButton::DrawBackground()

{//绘制按钮bmp位图,并使背景透明化

    CRect winRC;

    CDC* pDC=GetWindowDC();

    CDC memDC;

    memDC.CreateCompatibleDC(pDC);

    BITMAPINFO bmpInfo;

    CBitmap bmp;   

    GetWindowRect(&winRC);

   

    bmp.LoadBitmap(m_nBmpID);

    bmp.GetObject(sizeof(BITMAPINFO),&bmpInfo);

    int nBmpCX = bmpInfo.bmiHeader.biWidth;

    int nBmpCY = bmpInfo.bmiHeader.biHeight;

    memDC.SelectObject(bmp);

    pDC->TransparentBlt(0,0,nBmpCX,nBmpCY,&memDC,0,0,

        nBmpCX,nBmpCY,RGB(14,94,157));//在窗口中绘制位图,RGB(14,94,157)是透明色

    bmp.DeleteObject();

    ReleaseDC(pDC);

}

到此,按钮的自定义重绘完成了,接下来就可以使用自己重绘的按钮类MyDrawButton了。首先往对话框中添加一个按钮控件,假设它的ID值为IDC_TEST。进入类向导(Class Wizard)的成员变量属性页,为IDC_ TEST添加一个变量m_ testButton。如下:

MyDrawButton m_testButton;

然后就可以调用MyDrawButton的方法来设置按钮的样式了。如下:

m_testButton.SetBkBmp(IDB_TEST);//IDB_TEST为所设置的bmp位图资源ID。

到现在为止,按钮类的重绘完成了,可以随意定义自己喜欢的样式的按钮了。带有自定义按钮的对话框重绘效果图如下:

VC++中对话框界面重绘3-按钮的重绘

 

好了,到此,对话框的重绘基本完成了,希望对需要的人有所帮助吧。

想要下载源代码的可以到我的CSDN上下载:http://download.csdn.net/detail/jczmdeveloper/5004541