VC++开发垃圾文件清理软件之四:程序的界面设计与实现----按钮控件界面
上面,我简单的说了对话框界面的设计与实现,下面将介绍按钮控件重绘的实现:
在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_ BEGIN添加一个变量m_btnBegin。如下:
MyDrawButton m_btnBegin;
然后就可以调用MyDrawButton的方法来设置按钮的样式了。如下:
m_btnBegin.SetBkBmp(IDB_BTN210x95,IDB_BTN210x95_3);//IDB_BTN210x95,IDB_BTN210x95分别为默认位图和鼠标在按钮区域时的位图。
到现在为止,按钮类的重绘完成了,可以随意定义自己喜欢的样式的按钮了。现在相对完善成形的一个垃圾清理工具软件就开发完了。
最后软件的主要成果界面如下:
软件打开准备就绪界面
正在运行截面图
扫描完成界面图:
清理完成界面图