【EasyUse】一键式检索框-界面美化参考。MFC自绘对话框加图和Button

转载 2013年12月03日 19:30:14
 

MFC无标题栏自绘对话框可拖动按钮三态仿QQ弹窗样式

分类: MFC 208人阅读 评论(0) 收藏 举报

    代码提供下载,想边看程序源码边看文章的朋友直接去下载:http://download.csdn.net/detail/panshiqu/5926325

    看我前几天的bolg我实现了右下角弹窗功能,但是怎么美化自己的弹窗呢,像腾讯QQ右下角弹腾讯大豫网新闻那样的样式。

    首先感谢一篇重要的文章:http://bbs.csdn.net/topics/390170722  作者:邓学彬

    但是也需要指出的大凡已经很牛的人,对初学者的求助往往是漠不关心的,我对他文章的回复至今还没有回我的问题,我给的留言也没有收到回音,为什么要感谢他,因为它用Win32(SDK)开发出来的程序,虽然我不想直接拿来用,但是它让我坚信,假以时日我用MFC也可以实现的...

    直接上图:


    单文档的美化我尝试过,用的是重绘非客户区的方法,遇到各种各样的问题,一言难尽,现在我把这段时间美化对话框应用程序的经验整理出来希望对初学者有点用。首先美化界面不靠其他界面库的话,就要自己贴图了,提到贴图就要提一下在那个函数里贴图比较好,孙鑫VC++教程第10课的样子,提到在OnPaint() 和 OnEraseBkgnd()两个函数中绘制的区别,区别就是OnEraseBkgnd是直接网上贴图,OnPaint贴图之前则是先调用OnEraseBkgnd擦除背景,这样一样在OnEraseBkgnd中贴图就会相对好些。一些没有看过教程的朋友初次绘图发现一切正常,怎么就是不出绘图效果呢,看一下MSDN对OnEraseBkgnd的介绍,“擦除成功返回非零,否则是零值”。这样你就要修改函数添加后的返回值了。

  1. return CDialogEx::OnEraseBkgnd(pDC);  

改成

  1. return TRUE;  

说到贴图不得不要提到三个函数:(请去看MSDN,示例看我的源代码)

  1. BOOL BitBlt(  
  2.    int x,  
  3.    int y,  
  4.    int nWidth,  
  5.    int nHeight,  
  6.    CDC* pSrcDC,  
  7.    int xSrc,  
  8.    int ySrc,  
  9.    DWORD dwRop   
  10. );  

  1. BOOL StretchBlt(  
  2.    int x,  
  3.    int y,  
  4.    int nWidth,  
  5.    int nHeight,  
  6.    CDC* pSrcDC,  
  7.    int xSrc,  
  8.    int ySrc,  
  9.    int nSrcWidth,  
  10.    int nSrcHeight,  
  11.    DWORD dwRop   
  12. );  

  1. BOOL TransparentBlt(  
  2.    int xDest,  
  3.    int yDest,  
  4.    int nDestWidth,  
  5.    int nDestHeight,  
  6.    CDC* pSrcDC,  
  7.    int xSrc,  
  8.    int ySrc,  
  9.    int nSrcWidth,  
  10.    int nSrcHeight,  
  11.    UINT clrTransparent   
  12. );  

用到这三个函数贴图,贴图的主体思想也是从邓学斌那里学来的,分成区域绘图,这样就不需要你的BMP皮肤文件和你的程序一样的大小了,发现贴图贴的有模有样了,突然发现我的程序不能拖动呀,这是肯定不行的呀,百度搜一下有解决办法,响应OnNcHitTest() 函数就好了,网上很多文章有讲,原理都有说的很清楚,先放上这段代码看看程序是不是可以拖动了

  1. UINT uRet = CDialog::OnNcHitTest(point);  
  2. return (HTCLIENT == uRet) ? HTCAPTION : uRet;  

这样还是没有完成,按钮三态变化还没有实现,我就自定义一个成员函数如下

  1. BOOL CDialogExDlg::OnChangeState(UINT control, UINT state)  
  2. {  
  3.     // control: 标识那个按钮  
  4.     // state: 按钮当前变化状态  
  5.     CClientDC dc(this);  
  6.   
  7.     // 创建兼容DC  
  8.     m_dcCompatible.CreateCompatibleDC(&dc);  
  9.     m_dcCompatible.SelectObject(&m_bitmapSkin);  
  10.   
  11.     if (control)  
  12.     {  
  13.         // BMP文件高度80出开始是查看按钮  
  14.         switch(state)  
  15.         {  
  16.         case 0:  
  17.             dc.TransparentBlt(m_nWndWidth-m_nMoreWidth-5, m_nWndHeight-m_nMoreHeight-5, m_nMoreWidth, m_nMoreHeight,   
  18.                 &m_dcCompatible, 0, 80, m_nMoreWidth, m_nMoreHeight, 0xFF00FF);  
  19.             // 鼠标未点下不然在点这按钮移出松开  
  20.             // 此时再放上去程序以为按钮处于按下状态  
  21.             m_bLButtonDown = false;  
  22.             break;  
  23.         case 1:  
  24.             dc.TransparentBlt(m_nWndWidth-m_nMoreWidth-5, m_nWndHeight-m_nMoreHeight-5, m_nMoreWidth, m_nMoreHeight,   
  25.                 &m_dcCompatible, m_nMoreWidth, 80, m_nMoreWidth, m_nMoreHeight, 0xFF00FF);  
  26.             // 鼠标未点下不然在点这按钮移出松开  
  27.             // 此时再放上去程序以为按钮处于按下状态  
  28.             m_bLButtonDown = false;  
  29.             break;  
  30.         case 2:  
  31.             dc.TransparentBlt(m_nWndWidth-m_nMoreWidth-5, m_nWndHeight-m_nMoreHeight-5, m_nMoreWidth, m_nMoreHeight,   
  32.                 &m_dcCompatible, 2*m_nMoreWidth, 80, m_nMoreWidth, m_nMoreHeight, 0xFF00FF);  
  33.             break;  
  34.         }  
  35.     }   
  36.     else  
  37.     {  
  38.         // BMP文件高度60出开始是关闭按钮  
  39.         switch(state)  
  40.         {  
  41.         case 0:  
  42.             dc.TransparentBlt(m_nWndWidth-m_nCloseWidth, 1, m_nCloseWidth, m_nCloseHeight,   
  43.                 &m_dcCompatible, 0, 60, m_nCloseWidth, m_nCloseHeight, 0xFF00FF);  
  44.             // 鼠标未点下不然在点这按钮移出松开  
  45.             // 此时再放上去程序以为按钮处于按下状态  
  46.             m_bLButtonDown = false;  
  47.             break;  
  48.         case 1:  
  49.             dc.TransparentBlt(m_nWndWidth-m_nCloseWidth, 1, m_nCloseWidth, m_nCloseHeight,   
  50.                 &m_dcCompatible, m_nCloseWidth, 60, m_nCloseWidth, m_nCloseHeight, 0xFF00FF);  
  51.             // 鼠标未点下不然在点这按钮移出松开  
  52.             // 此时再放上去程序以为按钮处于按下状态  
  53.             m_bLButtonDown = false;  
  54.             break;  
  55.         case 2:  
  56.             dc.TransparentBlt(m_nWndWidth-m_nCloseWidth, 1, m_nCloseWidth, m_nCloseHeight,   
  57.                 &m_dcCompatible, 2*m_nCloseWidth, 60, m_nCloseWidth, m_nCloseHeight, 0xFF00FF);  
  58.             break;  
  59.         }  
  60.     }  
  61.   
  62.     // 这里最好删除一下  
  63.     m_dcCompatible.DeleteDC();  
  64.   
  65.     return TRUE;  
  66. }  

这个有了,就可以当鼠标在按钮上的时候,和鼠标按下的时候进行不同的调用,来贴上不同的按钮图片,但是重点来了,在那里贴呢,脑子里首先想到的是 OnMouseMove 函数里,但是经过试验,问题各种有,感觉就想已经有一个 OnNcHitTest 函数来捕获鼠标的操作输入了,在用 OnMouseMove 就不灵的那种,各位朋友也可以做一下测试,也欢迎有发现的朋友和我讨论共同进步,话说回来 OnNcHitTest 本身可以实现的哦,我这样写的:

  1. LRESULT CDialogExDlg::OnNcHitTest(CPoint point)  
  2. {  
  3.     // TODO: 在此添加消息处理程序代码和/或调用默认值  
  4.     if (m_rectClose.PtInRect(point))  
  5.     {  
  6.         if (m_bLButtonDown)  
  7.         {  
  8.             // 关闭按钮被按下  
  9.             OnChangeState(0, 2);  
  10.         }  
  11.         else  
  12.         {  
  13.             // 鼠标在关闭按钮上  
  14.             OnChangeState(0, 1);  
  15.         }  
  16.     }  
  17.     else if (m_rectMore.PtInRect(point))  
  18.     {  
  19.         if (m_bLButtonDown)  
  20.         {  
  21.             // 查看按钮被按下  
  22.             OnChangeState(1, 2);  
  23.         }  
  24.         else  
  25.         {  
  26.             // 鼠标在查看按钮上  
  27.             OnChangeState(1, 1);  
  28.         }  
  29.     }  
  30.     else  
  31.     {  
  32.         // 关闭按钮普通状态  
  33.         OnChangeState(0, 0);  
  34.   
  35.         // 查看按钮普通状态  
  36.         OnChangeState(1, 0);  
  37.   
  38.         // 移动对话框  
  39.         return HTCAPTION;  
  40.     }  
  41.   
  42.     return CDialogEx::OnNcHitTest(point);  
  43. }  

现在程序已经更加显得有模有样,接下来要赋予点击按钮的操作,在OnLButtonDown()和OnLButtonUp()里面来实现

  1. void CDialogExDlg::OnLButtonDown(UINT nFlags, CPoint point)  
  2. {  
  3.     // TODO: 在此添加消息处理程序代码和/或调用默认值  
  4.     m_bLButtonDown = true;  
  5.   
  6.     // 坐标转换成屏幕坐标  
  7.     ClientToScreen(&point);  
  8.   
  9.     if (m_rectClose.PtInRect(point))  
  10.     {  
  11.         // 关闭按钮被按下  
  12.         OnChangeState(0, 2);  
  13.   
  14.     }  
  15.     if (m_rectMore.PtInRect(point))  
  16.     {  
  17.         // 查看按钮被按下  
  18.         OnChangeState(1, 2);  
  19.   
  20.     }  
  21.     CDialogEx::OnLButtonDown(nFlags, point);  
  22. }  

  1. void CDialogExDlg::OnLButtonUp(UINT nFlags, CPoint point)  
  2. {  
  3.     // TODO: 在此添加消息处理程序代码和/或调用默认值  
  4.     m_bLButtonDown = false;  
  5.       
  6.     // 坐标转换成屏幕坐标  
  7.     ClientToScreen(&point);  
  8.   
  9.     if (m_rectClose.PtInRect(point))  
  10.     {  
  11.         CDialogEx::OnOK();  
  12.     }  
  13.   
  14.     if (m_rectMore.PtInRect(point))  
  15.     {  
  16.         ShellExecute(NULL, _T("open"), _T("http://www.baidu.com"), NULL, NULL, SW_SHOWNORMAL);  
  17.         CDialogEx::OnOK();  
  18.     }  
  19.   
  20.     CDialogEx::OnLButtonUp(nFlags, point);  
  21. }  

看源码看到 m_bLButtonDown 这个成员变量,其实注释已经说的很清楚了,我说一个情况,大家不加这个变量控制看看是什么情况,对话框弹出,我点关闭按钮,突然发现内容我感兴趣,鼠标在关闭按钮中移动一下,关闭按钮的状态就变成未按下的状态了,如果仅在 Down Up 函数中赋值 m_bLButtonDown 变量也有一个情况,点关闭按钮,鼠标移出松开鼠标,程序没有关闭,鼠标再放上关闭按钮,关闭按钮直接显示的就是鼠标按下的状态。大家可以试试哦。

程序都写到这里啦,可千万不要出问题呀,可以问题还是出来了,我打开程序,移动了一下程序,去关闭程序,突然不能关闭,稍微一下就知道问题出到那里了,我们是通过判断鼠标点击是不是在关闭按钮的矩形区域内,在的话就退出程序,但是从程序启动,如果不是界面需要重绘,OnEraseBkgnd 是不会再调用的,移动程序不会触发界面重绘,强制界面重绘有函数的,但是我们不如重新计算关闭按钮的矩形区域。那样不是省事多了吗,这个时候我就开始百度“程序拖动响应什么函数”类似的关键字,没有找到,没有办法,但是我觉得应该有函数,我想就借此机会看看都有那些消息,点了CDialogEx类视图,点了消息,一个一个看了简单的介绍,发现一个消息可能就是我想要的 WM_EXITSIZEMOVE VS2010上面的简短介绍是:在窗口退出移动或大小调整模式循环后向窗口发送一次,添加一下,就是这个函数呵呵。

  1. void CDialogExDlg::OnExitSizeMove()  
  2. {  
  3.     // TODO: 在此添加消息处理程序代码和/或调用默认值  
  4.   
  5.     // (更新)获取窗口位置  
  6.     GetWindowRect(m_rectWnd);  
  7.     m_nWndWidth = m_rectWnd.Width();  
  8.     m_nWndHeight = m_rectWnd.Height();  
  9.   
  10.     // 取关闭按钮的矩形范围(参照屏幕)  
  11.     m_rectClose.SetRect(m_nWndWidth-m_nCloseWidth, 1, m_nWndWidth, m_nCloseHeight+1);  
  12.     m_rectClose.OffsetRect(m_rectWnd.TopLeft().x, m_rectWnd.TopLeft().y); // 加上左上角坐标成为屏幕坐标  
  13.   
  14.     // 取查看按钮的矩形范围(参照屏幕)  
  15.     m_rectMore.SetRect(m_nWndWidth-m_nMoreWidth-5, m_nWndHeight-m_nMoreHeight-5, m_nWndWidth-5, m_nWndHeight-5);  
  16.     m_rectMore.OffsetRect(m_rectWnd.TopLeft().x, m_rectWnd.TopLeft().y); // 加上左上角坐标成为屏幕坐标  
  17.   
  18.     CDialogEx::OnExitSizeMove();  
  19. }  

我是追求完美的人,在测试的时候,发现关闭按钮在按下的时候,鼠标移出程序,只要鼠标不进入程序,关闭按钮一直是被按下的状态,这可如何是好,这个时候我看到了一篇文章:http://bbs.csdn.net/topics/120102520  虽然他是在论坛上提问他,但是他的问题对新人来说明显帮助是很大的!但是我只懂定时器,没有办法,硬着头皮看了一下他的第二中方法,结合着搜索了一下,又找到一篇文章:http://www.cnblogs.com/lzjsky/archive/2010/09/15/1826733.html  这下就可以下手了,其实我没有看懂开头他说的“在对话框类中定义一个变量来标识是否追踪当前鼠标状态,之所以要这样定义是要避免鼠标已经在窗体之上时,一移动鼠标就不断重复产生WM_MOUSEHOVER” 我还是按照我定义变量的风格(可能根本和这没有关系)

  1. void CDialogExDlg::OnMouseLeave()  
  2. {  
  3.     // TODO: 在此添加消息处理程序代码和/或调用默认值  
  4.   
  5.     // 再次允许追踪鼠标  
  6.     m_bMouseTrack = true;  
  7.   
  8.     // 关闭按钮普通状态  
  9.     OnChangeState(0, 0);  
  10.   
  11.     // 查看按钮普通状态  
  12.     OnChangeState(1, 0);  
  13.   
  14.     CDialogEx::OnMouseLeave();  
  15. }  
  16.   
  17.   
  18. void CDialogExDlg::OnMouseMove(UINT nFlags, CPoint point)  
  19. {  
  20.     // TODO: 在此添加消息处理程序代码和/或调用默认值  
  21.     if (m_bMouseTrack)    // 若允许追踪则...  
  22.     {  
  23.         TRACKMOUSEEVENT csTME;  
  24.         csTME.cbSize = sizeof(csTME);  
  25.         csTME.dwFlags = TME_LEAVE|TME_HOVER;  
  26.         csTME.hwndTrack = m_hWnd;   // 指定要追踪的窗口  
  27.         csTME.dwHoverTime = 10;     // 鼠标在按钮上停留超过10ms,才认为状态为HOVER  
  28.         ::_TrackMouseEvent(&csTME); // 开启Windows的WM_MOUSELEAVE,WM_MOUSEHOVER事件支持  
  29.         m_bMouseTrack = false;      //若已经追踪,则停止追踪  
  30.     }  
  31.   
  32.     CDialogEx::OnMouseMove(nFlags, point);  
  33. }  

这样就搞定了,其实还是那句话,追求完美的我又发现了一个小问题,我点击关闭按钮,鼠标《猛》(一定要快)的移出程序窗口,停止操作,这是关闭按钮就一直是按下的状态了,直到鼠标有动作才会退出按下状态(这是的有动作就是在窗口外的动作也算,因为加了上面那两个函数吗呵呵)本来也想着看看能不能解决这个问题(因为发现腾讯的弹窗并没有这个问题,我会说我这几天每天都希望腾讯弹窗,弹出来都是不关的,好用来和我的程序比对)但是后来测试了邓学斌的程序,也是有这个问题,我想还是算了吧,我还有一大堆工作要做呢,先隔一隔。

程序写到这,终于算完了,拿给老板看了一下样式(他的电脑系统是XP,我的电脑系统是Win7)出现问题,问题还都是那些问题,Debug Assertion Failed 运行时出错,我呢,就在我的虚拟机中运行了一下程序(虚拟机win2003),打开没有问题,拖动出现问题,幸运的是我想到的和重新绘制有关,我菜鸟,排除类似这样的问题就是重现个别功能,看在重写的到那部分的时候会出问题,我这个程序,在刚一实现基本绘制的时候就出问题,我这个时候看到一个可以的对象。

  1. BOOL CDialogExDlg::OnEraseBkgnd(CDC* pDC)  
  2. {  
  3.     // TODO: 在此添加消息处理程序代码和/或调用默认值  
  4.   
  5.     // 创建兼容DC  
  6.     m_dcCompatible.CreateCompatibleDC(pDC);  
  7.     m_dcCompatible.SelectObject(&m_bitmapSkin);  

我以前写这个的都好像要删除,关闭之类的,但是,孙鑫老师第10课最后确实没有提到,更重要的是 MSDN 中的例子都是这样的,叫我情何以堪!!!

  1. // This handler loads a bitmap from system resources,  
  2. // centers it in the view, and uses BitBlt() to paint the bitmap  
  3. // bits.  
  4. void CDCView::DrawBitmap(CDC* pDC)  
  5. {  
  6.    // load IDB_BITMAP1 from our resources  
  7.    CBitmap bmp;  
  8.    if (bmp.LoadBitmap(IDB_BITMAP1))  
  9.    {  
  10.       // Get the size of the bitmap  
  11.       BITMAP bmpInfo;  
  12.       bmp.GetBitmap(&bmpInfo);  
  13.   
  14.       // Create an in-memory DC compatible with the  
  15.       // display DC we're using to paint  
  16.       CDC dcMemory;  
  17.       dcMemory.CreateCompatibleDC(pDC);  
  18.   
  19.       // Select the bitmap into the in-memory DC  
  20.       CBitmap* pOldBitmap = dcMemory.SelectObject(&bmp);  
  21.   
  22.       // Find a centerpoint for the bitmap in the client area  
  23.       CRect rect;  
  24.       GetClientRect(&rect);  
  25.       int nX = rect.left + (rect.Width() - bmpInfo.bmWidth) / 2;  
  26.       int nY = rect.top + (rect.Height() - bmpInfo.bmHeight) / 2;  
  27.   
  28.       // Copy the bits from the in-memory DC into the on-  
  29.       // screen DC to actually do the painting. Use the centerpoint  
  30.       // we computed for the target offset.  
  31.       pDC->BitBlt(nX, nY, bmpInfo.bmWidth, bmpInfo.bmHeight, &dcMemory,   
  32.          0, 0, SRCCOPY);  
  33.   
  34.       dcMemory.SelectObject(pOldBitmap);  
  35.    }  
  36.    else  
  37.    {  
  38.       TRACE0("ERROR: Where's IDB_BITMAP1?\n");  
  39.    }  
  40. }  

当我差不多快排除他没有错的时候,我尝试性的加了一下 m_dcCompatible.DeleteDC(); 问题解决了,我去呀!!!

但是问题解决了,在我自定义的函数里有用到 m_dcCompatible 呀,这是只能在 OnChangeState() 里重新创建兼容DC啦,其实大家大可不必像我这样,直接定义成普通变量也行的,因为随用随创建已经失去了成员变量的方便性,就没有必要让它是成员变量了

写文章记录的时候想想,也是呀,我看的是VS2010的MSDN,XP时估计VC++6.0吧,那时的MSDN可能例子有提到删除吧

注:原文红色字体为有错误,加以修改。

原文:http://blog.csdn.net/panshiqu/article/details/9945027

用MFC做漂亮界面之美化对话框

在windows开发当中做界面的主要技术之一就是使用MFC,通常我们看到的QQ,360,暴风影音这些漂亮的界面都可以用MFC来实现。今天我们来说一下如何用MFC美化对话框,默认情况下,对话框的背景如下...
  • u011711997
  • u011711997
  • 2016年09月13日 15:37
  • 9550

MFC无标题栏自绘对话框可拖动按钮三态仿QQ弹窗样式

看我前几天的bolg我实现了右下角弹窗功能,但是怎么美化自己的弹窗呢,像腾讯QQ右下角弹腾讯大豫网新闻那样的样式。     首先感谢一篇重要的文章:http://bbs.csdn.net/topics...
  • panshiqu
  • panshiqu
  • 2013年08月13日 13:07
  • 2672

MFC基于对话框程序界面之皮肤美化(Skin Magic)--附案例源码

由于项目原因,需要对MFC界面进行美化,然后问大叔和度娘要了相关资源,以下主要是从实用角度介绍Skin Magic这个皮肤的其中一种用法。 资源列表如下(楼主自己看了,觉得比较重要的两个)。 ...
  • CImage
  • CImage
  • 2013年09月16日 23:59
  • 4133

MFC自绘按钮的实现(不断更新)

一.自绘按钮的实现过程 申明自绘属性进行VM_MESUREITEM事件响应,说明按钮的尺寸进行VM_DRAWITEM消息的重新响应,说明如何绘制按钮 首先在vc6中新建工程,选择MFC并且新建...
  • zxccaoya
  • zxccaoya
  • 2017年01月09日 19:59
  • 1043

mfc 按钮自绘

MFC  按钮自绘 author:songyanwu 说明:此文章简单的自绘一个按钮,同时也介绍自绘的一些原理;(绝对适合初学者入门,我也Goolgle 很多资料,介绍相当模糊为此也花了两天时间整理...
  • u010236550
  • u010236550
  • 2014年11月27日 13:08
  • 3588

MFC-自绘控件(CRadio篇)

示例图 一、公共文件 和这篇一样,就不写了(MFC-自绘控件(CButton篇)) 二、Radio 头文件 #pragma once #include "Public.h" ...
  • wyansai
  • wyansai
  • 2016年03月27日 15:29
  • 1512

【界面】VC 6 MFC让窗口轻而易举变漂亮

一、界面分析          主要是把数据放到合适的位置,并且获取窗口的pDC,用pDC—>StretchBlt()函数显示图片,这里面创建了一个兼容的dc,先把数据选择到这里面,再用StrtchB...
  • sxyaxy
  • sxyaxy
  • 2013年10月26日 21:48
  • 2460

MFC中窗口重绘

2013-12-12 MFC提供了三个函数用于窗口重绘   ( 在刷新窗口时经常要调用重绘函数) InvalidateRect(&Rect) Invalidate() Up...
  • csunking
  • csunking
  • 2015年05月14日 21:51
  • 882

MFC-自绘贴图按钮

前言 控件窗口自绘贴图需要子类化, 有自绘风格, 接管WM_PAINT, 覆盖虚函数DrawItem. 效果 工程下载 srcSelfDrawBtn.zip 工程预览 调用方代...
  • LostSpeed
  • LostSpeed
  • 2016年03月15日 11:21
  • 851

美化mfc界面,给mfc界面加上皮肤

注明:里面使用到的资源文件在自己的腾讯微云有。 原图: 添加皮肤后: 通过对比就能知道,加上皮肤后给人的感觉就是耳目一新了。 技术详细说明: 这里用到的是一个轻量型的美化工具SkinSharp又称...
  • shmilxu
  • shmilxu
  • 2016年03月08日 16:43
  • 2188
内容举报
返回顶部
收藏助手
不良信息举报
您举报文章:【EasyUse】一键式检索框-界面美化参考。MFC自绘对话框加图和Button
举报原因:
原因补充:

(最多只允许输入30个字)