自绘对话框标题栏

      本例中将涉及到对话框标题栏的自绘，双缓冲位图的显示以及位图按钮类的使用。

 

1. 标题栏自绘

 

      在网上搜索了很多关于标题栏自绘的例子，但是大都存在很多的问题，多是没有自绘彻底，比如出现闪烁，会出现默认风格最大化等按钮的显示，不过其中有份代码处理的比较好，至于出于什么地方想不起来了，下面会一并给出源代码（源代码的下载地址在评论部分给出 ），本例是在这份源代码的基础上作的改进，主要有以下几个方面：
（1）标题栏添加了颜色渐变的效果，使之看上去有立体感，其实就是在绘制位图资源时填充渐变色而已；
（2）当我们点击最大化，最小化或关闭按钮的时候，只有当左键弹起时才能起效；
（3）当窗口失去焦点时，标题栏应有对应的反映，即改变标题文字和最大化等按钮的颜色；
（4）使用了CToolTipCtrl控件，实现了当我们将鼠标放到最大化等按钮上时，显示文字提示；
（5）可以设置对话框标题栏的左上角和右上角是以圆角显示还是以直角显示，调用SetTitleRectStyle方法即可实现；
（6）使用FrameRect函数绘制了对话框的边线；
（7）对原有的代码做了一些简化的处理；
（8）将对话类封装了一下，即CColorTitleDlg，要实现多个该风格的对话框，只需继承该对话框类即可。

 

2. 双缓冲显示位图

 

      双缓冲显示位图的原理网上介绍的比较多，主要思路如下：

CDC MemDC; //首先定义一个显示设备对象 CBitmap MemBitmap;//定义一个位图对象 //随后建立与屏幕显示兼容的内存显示设备 MemDC.CreateCompatibleDC(NULL); //这时还不能绘图，因为没有地方画 //下面建立一个与屏幕显示兼容的位图，至于位图的大小嘛，可以用窗口的大小 MemBitmap.CreateCompatibleBitmap(pDC,nWidth,nHeight); //将位图选入到内存显示设备中 //只有选入了位图的内存显示设备才有地方绘图，画到指定的位图上 CBitmap *pOldBit=MemDC.SelectObject(&MemBitmap); //先用背景色将位图清除干净，这里我用的是白色作为背景 //你也可以用自己应该用的颜色 MemDC.FillSolidRect(0,0,nWidth,nHeight,RGB(255,255,255)); //绘图（如果是现成的位图，只要LoadBitmap一下资源就可以直接贴图了） MemDC.MoveTo(……); MemDC.LineTo(……); //将内存中的图拷贝到屏幕上进行显示 pDC->BitBlt(0,0,nWidth,nHeight,&MemDC,0,0,SRCCOPY); //绘图完成后的清理 MemBitmap.DeleteObject(); MemDC.DeleteDC();

本例中的CTestBitmapShowDlg主测试类中位图的显示，以及CColorTitleDlg标题栏重绘类中标题栏的贴图操作都是使用双缓冲来实现，以避免界面的闪烁。

3. 位图按钮类的使用

 

       本例中对CTestBitmapShowDlg主测试类中的按钮进行了美化处理，使用了CBitmapBtn按钮位图类，事先用photoshop为每个按钮绘制四种不同状态的位图，即正常状态，鼠标选中状态，按下鼠标状态和非使用状态，为了达到立体感的效果，需要使用到photoshop中的渐变色处理。CBitmapBtn按钮位图类的使用方法：首先将定义按钮对应的控件变量，然后将绘制的bitmap图片导入到工程中，调用CBitmapBtn按钮位图类的SetBitmap方法将按钮图片与按钮关联起来，如下所示：

//定义按钮类对象 CBitmapBtn m_btnNextStep; ...... //在按钮的CTestBitmapShowDlg::OnInitDialog中添加关联位图的代码 BOOL CTestBitmapShowDlg::OnInitDialog() { ...... m_btnNextStep.SetTransparentColor(RGB(250,250,250), RGB(250,250,250)); //贴图的时候将边界的多余颜色过滤掉 m_btnNextStep.SetBitmap(IDB_BITMAP_NEXTSTEP_NORMAL, IDB_BITMAP_NEXTSTEP_OVER, IDB_BITMAP_NEXTSTEP_DOWN, IDB_BITMAP_NEXTSTEP_DISABLE); //将按钮位图与按钮关联起来 ...... }

 

4. 存在的不足

 

       当对话框比较大时，我们将鼠标移到标题栏按下左键拖动对话框，向下拖动标题栏不会闪烁，但向上拖动时标题栏会闪烁，这点尚需讨论和改进。

5. 结束语 

 

      正如上面所说，关于标题栏自绘的问题问的比较多，而网络上给出的例子大都存在问题，所以在此将我处理过的代码拿出来与大家分享一下，相互学习，希望大家批评指正！另外，这是本人第一次发博，希望大家支持一下！谢谢！

 

 

PS：对话框标题栏自绘效果如下图所示： （下图是窗口失去焦点时的情况）