用Visual C++设计“精灵”窗体

天云上人

　　随着Microsoft凭借Windows在操作系统上取得的巨大成绩，Windows用户界面也日益成为业界标准。统一的界面给广大用户对应用软件的学习与使用带来了很大方便。但每天都面对同一副面孔，日久天长难免会产生一些厌倦，想开发一些"离经叛道"的应用程序，如果能够一改Windows千篇一律的"标准"界面，一定会给用户带来一种清新的感觉。标准Windows应用程序窗口一般为带有标题栏的浅灰色矩形外观，因而"异形"对话框/窗口也主要是颜色与外形上动手脚。本实例实现了一个"精灵"窗口，程序编译运行后的界面效果如图一所示：


2 q# U1 a  [7 d, o图一、叠加在Visual C++开发工具上的透明"精灵"窗体
# n  E- m) L3 O+ G& }) n
  D  E) r( C: _$ S+ U　　一、实现方法

6 d& z0 K# a$ @　　一般情况下，实现异型窗体主要是作两方面的工作，一是改变背景颜色，二是改变窗口外形。改变窗口背景颜色是最简单的改变Windows应用程序外观的方法，根据Windows创建与管理机理，一般有两种方法。一种是处理WM_CTLCOLOR消息，需要重画窗口或对话（或对话的子控件）时，Windows向应用程序发送消息WM_CTLCOLOR，应用程序处理WM_CTLCOLOR消息并返回一个用来绘画窗体背景的刷子句柄。另外一种是响应Windows的WM_ERASEBKGND消息，Windows向窗口发送一个WM_ERASEBKGND消息通知该窗口擦除背景，可以使用VC++的ClassWizard重载该消息的缺省处理程序来擦除背景（实际是用刷子画），并返回TRUE以防止Windows擦除窗口。对于改变窗体的外形，可以通过使用新的SDK函数SetWindowRgn()，将绘画和鼠标消息限定在窗口的一个指定的区域，因此实际上是使窗口成为指定的不规则形状（区域形状）。"区域"是Windows GDI中一种强有力的机制，区域是设备上的一块空间，可以是任意形状，复杂的区域可以由各个小区域组合而成。Windows内含的区域创建函数有CreateRectRgn()、CreatePolyRgn()、CreatePolygonRgn()、CreateRoundRectRgn()和CreateEllipticRgn()，再通过CombineRgn()来组合区域，即可得到复杂形状的区域，获得复杂形状的窗口外形。
" B& a0 c2 S1 W
7 x* k0 |8 w- u" P0 A3 M　　通过上面的方法虽然可以得到"异形"窗口，但感觉颜色单调，外形也不够"COOL"，能否获得更酷的"异形"窗口呢？回答是肯定的。下面就介绍利用位图和蒙板创建"异形"窗口的方法。本实例实现的"精灵"效果就是通过这种方法实现的。
. |9 E/ w: a) q1 p1 @( F3 l
  W) @& G* [& c　　利用位图创建异形窗体的原理是根据象素的颜色来进行"扣像"处理，对所有非指定颜色象素区域进行区域组合。利用这一技术，实际上就是实现对话框/窗口的位图背景，并且对指定的颜色区域进行透明处理。下面就以透明位图为背景的窗体为例来说明：

* G/ m) U) J1 v: g" Z　　首先用绘图软件如PhotoShop绘制编辑一幅拟做程序背景用的图片以及该图片相应的掩模图片，用BMP格式保存，下一步是用Visual C++的资源编辑器引入该背景图片和掩模图片文件，设置其ID为IDB_SHOW和IDB_MASK。需要说明的是，虽然Visual C++集成开发环境的资源编辑器只能编辑不超过16色的位图，但完全我们可以以真彩色方式存储，不必理会Visual C++的警告。

　　有了上述的工作，剩下的核心工作就是根据背景位图和掩模位图来确定最终显示的位图区域，也就是说，"扣除"的区域将以透明效果显示。下面的代码实现了这一功能：

! B" ^" [% @9 H: r0 ^/////////////////////////////////////////////////////////////////////////////
// 获得窗体矩形
/ }( c# s. r3 _- j  ACRect rectWnd;
) G8 |3 l/ `, l9 z  cthis->GetWindowRect(rectWnd);
; P1 B2 F, E% y4 |+ z9 ~// 读取"掩模"位图资源
CBitmap myBitmap,*pOldBitmap;
( K4 P3 A$ m, P) d" V, gmyBitmap.LoadBitmap(nMaskId);
// 创建"内存一致"设备
4 O2 G, N; w9 |1 O0 FCDC memDC;
memDC.CreateCompatibleDC(pDC);
, L& w, n( C5 d8 {, U// 选择绘图设备
pOldBitmap = memDC.SelectObject(&myBitmap);
// 创建窗体的初始区域
7 A. C" U) j* F9 c" KCRgn rgnWnd,rgnTemp;
% N7 D4 n& j7 V- g, D4 wrgnWnd.CreateRectRgn(0,0,rectWnd.Width(),rectWnd.Height());
$ W  S8 W6 B' Oint nWidth,nHeight;
6 N, O  h" b, }5 k4 ^COLORREF color;
//下面的两层循环为检查背景位图象素颜色，进行透明区域处理；
. f: b! t# o8 J6 D# [7 V+ q, z//当象素颜色为指定的透明值时，即将该点从区域中剪裁掉。
for (nWidth = 0;nWidth <= rectWnd.Width()-1;nWidth++)
{
　for (nHeight = 0;nHeight <= rectWnd.Height();nHeight++)
4 u$ {+ s; f. l3 C% o3 }! }　{
7 ]* o) b/ @/ a/ n6 a) Y, |- V　　color = memDC.GetPixel(nWidth,nHeight);
　　// 当象素是白色时，去掉该点
7 V2 N8 x( ]2 L8 I8 s/ Z: B　　if (color == RGB(255,255,255))
　　{
　　　//象素颜色为指定的透明色，创建透明"微区域"
2 R/ ~% Q; L9 ], W! ~　　　rgnTemp.CreateRectRgn(nWidth,nHeight,nWidth+1,nHeight+1);
　　　//"扣像"，从完整的区域中"扣除"透明的"微区域"
4 E. o7 P4 y. \' L+ y; E# r　　　rgnWnd.CombineRgn(&rgnWnd,&rgnTemp,RGN_XOR);
　　　//删除刚创建的透明"微区域"，释放系统资源
　　　rgnTemp.DeleteObject();
　　}
　}
8 z; Y3 o; ^% \9 V}
memDC.SelectObject(pOldBitmap);
) d  a& `9 @2 h! `) \9 r, jSetWindowRgn((HRGN)rgnWnd,TRUE); //用最终设定窗口的显示区域为指定区域
# K  L: u4 j4 M8 e9 [
　　为了最终显示透明效果的窗体，还需要重置系统默认的背景擦除操作，即添加WM_ERASEBKGND消息处理过程，在其中实现背景位图的显示功能，这一步可以借助ClassWizard来实现。

　　最后需要注意的是，为了使异形窗体应用程序能够正常地脱动和退出，需要处理窗体的WM_NCHITTEST、WM_CHAR等消息，这部分内容本书中其它实例已经作过介绍，这里就不再赘述了，感性趣的读者朋友可以参考相关实例