博客园  :: 首页  :: 新随笔  :: 联系 :: 订阅 订阅  :: 管理

(文章转载)Windows 中不规则窗体的编程实现

Posted on 2012-06-26 17:56  SmarTom  阅读(303)  评论(0编辑  收藏  举报

一、序言

在绝大多数的Windows应用程序中,其窗体都是使用的正规正矩的矩形窗体,例如我们常用的,“记事本”,“扫雷”,等等。矩形窗体,具有编程实现简单,风格简洁的优点,所以在普通文档应用程序和简单小游戏中使用足矣。但在某些娱乐游戏程序中使用就略显呆板些了,这时若用不规则窗体替代原先的矩形窗体,将会使这类程序更添情趣。典型的例子有windows 自代的Media Player,新版本的Media Player有个控制面板的选项,选中这些面板,播放器就以选中的面板形状出现,这时的播放器比以前版本的Media Player的古老矩形界面要生动有趣的多了。 要实现不规则窗体不是太难,知道了基本原理后,你也可以创建各种有趣的不规则窗体。

二、实现原理

所有的 Windows 窗体都位于一个称为“region”中,窗体的大小如果超出“region”的范围,windows 会自动裁剪超出"region"范围那部分的窗体,使其不可见。所以,要创建不规则窗体有两个步骤:第一步就是创建不规则"region".第二步就是将窗体放到创建的“region”中。

其中第二步很简单就调用一条语句即可。在SDK中调用API函数SetWindowRgn,该函数原型如下:

1.int SetWindowRgn( HWND hWnd, HRGN hRgn, BOOL bRedraw );

其中hWnd为待设置的窗体句柄,hRgn为已经创建的"region"句柄,bRedraw代表是否要重绘窗体。在MFC 中使用窗口类CWnd的成员函数int CWnd::SetWindowRgn(HRGN hRgn, BOOL bRedraw );该函数的参数意义与API中同名函数相同。

相对与第二步,创建不规则窗体的第一步要复杂许多,并且不规则窗体越复杂,创建其"region"的过程也越复杂。接下去我们将由浅入深地介绍各种创建”region”的方法。

在MFC中"region"对象,由CRgn类实现。CRgn的几乎每个成员函数都有同名的SDK API函数对应。

三、简单“region”的创建

类CRgn创建一个新的"region"的简单方法有以下几个成员函数:

1.BOOL CRgn::CreateRectRgn( int x1, int y1, int x2, int y2 ); 创建矩形的“region”。

2.BOOL CRgn::CreateEllipticRgn( int x1, int y1, int x2, int y2 ); 创建圆形或椭圆形“region”。

3.BOOL CRgn::CreateRoundRectRgn( int x1, int y1, int x2, int y2, int x3, int y3 ); 创建圆角矩形“region”。

4.BOOL CRgn::CreatePolygonRgn( LPPOINT lpPoints, int nCount, int nMode ); 创建多边形“region”。

这里以创建椭圆窗体为例,介绍椭圆窗体创建的方法。在创建椭圆“region”的CreateEllipticRgn函数中,x1,y1指椭圆所在矩形的左上角坐标,x2,y2指该矩形的右下角坐标。

下面的代码加入到MFC对话框程序的OnInitDialog函数中,可将该对话框变成椭圆窗体:

1.BOOL CTestDlg::OnInitDialog()
2.{
3.    CDialog::OnInitDialog();
4.    ...
5.    CRgn rgn;
6.    rgn. CreateEllipticRgn(0,0,200,100);
7.    SetWindowRgn(rgn,TRUE);
8.}

图一 椭圆窗体效果图

四、作图路径法创建”region”

使用该方法创建”region”的过程如下:

第一步绘制所要创建的窗体形状。

该步骤中使用到CDC类中的一些成员函数如下:

1.BOOL CDC::BeginPath( );

调用该函数后当前设备环境(DC)开始追踪绘图的过程。

1.int CDC::SetBkMode( int nBkMode );

设置绘图时的背景模式,此应用中nBkMode必须取值为TRANSPARENT 。即设置绘图时背景不发生变化。

1.BOOL CDC::EndPath( );

调用该函数后当前设备环境(DC)结束追踪绘图的过程。

开始绘图前,先调用BeginPath,然后调用SetBkMode。接下去就可调用CDC的其他绘图函数作图,例如Arc,AngleArc,LineTo,MoveTo,RoundRect,,Textout等等。绘图完毕调用EndPath().

第二步将绘制的结果转成”region”.

此步骤中使用SDK API函数

1.HRGN PathToRegion( HDC hdc );

Hdc为作图DC的句柄, CDC类中的m_hDC成员变量可做此参数传入。示例,将下面代码加入某个按钮单击事件中,可以将当前窗体变为字符串”hello”的形状

01.void CTestDlg::OnTest() 
02.{
03.    HRGN wndRgn;
04.    CClientDC dc(this);
05.    CFont mFont;
06.      
07.    if (dc.m_hDC!=NULL)
08.    {
09.        VERIFY(mFont.CreateFont(
10.            200, 50, 0, 0, FW_HEAVY, TRUE, FALSE, 
11.            0, ANSI_CHARSET, OUT_DEFAULT_PRECIS,        
12.            CLIP_DEFAULT_PRECIS, DEFAULT_QUALITY,             
13.            DEFAULT_PITCH | FF_SWISS, "宋体"));                  
14.      
15.    //开始记录窗体轮廓路径
16.        dc.BeginPath();     
17.  
18.        //设置背景为透明模式,这句话是必须有的。
19.        dc.SetBkMode(TRANSPARENT);  
20.          
21.        CFont * pOldFont;
22.        pOldFont = dc.SelectObject( &mFont );
23.        dc.TextOut(0, 0, "Hello");
24.      
25.        //结束记录窗体轮廓路径
26.        dc.SelectObject( pOldFont );
27.        dc.EndPath();
28.          
29.        //把所记录的路径转化为窗体轮廓句柄
30.        wndRgn = ::PathToRegion(dc.m_hDC);
31.  
32.        //赋予窗体指定的轮廓形状
33.        this->SetWindowRgn(wndRgn, TRUE);        
34.    }
35.}

CClientDC是CDC的派生类,故此该类具有所有CDC类的成员变量和成员函数。

图二 hello形状的窗体效果图

五、根据图像创建”region”

此法创建不规则窗体比较复杂。首先准备一张含有目标窗体形状的图片,设置透明色即将图片中部不属于窗体形状的部分,标记成同一种颜色,例如蓝色RGB(0,0,255).程序运行后先装入图片。然后逐个扫描图片的每个像素,如这个像素不属于透明色,则在相应位置创建一个只含一个像素的“region”然后将这些小”region ”合并起来组成一个任意形状的”region”.这里将使用到CRgn的一个成员函数 :

1.int CRgn::CombineRgn( CRgn* pRgn1, CRgn* pRgn2, int nCombineMode );

其中pRgn1,pRgn2为要合并的两个“region”,nCombineMode为合并的方式,此应用中取RGN_OR,即两”region”全部合并去处重复部分。代码实现如下:

01.void SetupRegion(
02.CDC *pDC, //窗体的DC指针
03.CBitmap &cBitmap, //含有窗体形状的位图对象
04.COLORREF TransColor //透明色
05.)
06.{    CDC memDC;
07.    //创建与传入DC兼容的临时DC
08.    memDC.CreateCompatibleDC(pDC);
09.  
10.    CBitmap *pOldMemBmp=NULL;
11.    //将位图选入临时DC
12.    pOldMemBmp=memDC.SelectObject(&cBitmap);
13.     
14.    CRgn wndRgn;
15.    //创建总的窗体区域,初始region为0
16.    wndRgn.CreateRectRgn(0,0,0,0);
17.   
18.    BITMAP bit;   
19.    cBitmap.GetBitmap (&bit);//取得位图参数,这里要用到位图的长和宽     
20.     
21.    int y;
22.        for(y=0;y<=bit.bmHeight  ;y++)
23.        {
24.        CRgn rgnTemp; //保存临时region
25.              
26.            int iX = 0;
27.            do
28.            {
29.                //跳过透明色找到下一个非透明色的点.
30.                while (iX <= bit.bmWidth  && memDC.GetPixel(iX, y) == TransColor)
31.                    iX++;
32.  
33.                //记住这个起始点
34.                int iLeftX = iX;
35.  
36.                //寻找下个透明色的点
37.                while (iX <= bit.bmWidth  && memDC.GetPixel(iX, y) != TransColor)
38.                    ++iX;
39.  
40.                //创建一个包含起点与重点间高为1像素的临时“region”
41.                rgnTemp.CreateRectRgn(iLeftX, y, iX, y+1);
42.  
43.                //合并到主"region".
44.                wndRgn.CombineRgn(&wndRgn, &rgnTemp, RGN_OR);
45.                  
46.        //删除临时"region",否则下次创建时和出错
47.                rgnTemp.DeleteObject();
48.            }while(iX GetWindow();
49.    pWnd->SetWindowRgn(wndRgn,TRUE);    
50.    pWnd->SetForegroundWindow();    
51.}

上述代码创建的不规则窗体中,在OnEraseBkgnd事件中绘制该位图,就可得到与该位图形状一模一样的窗体。

图三 根据位图和位图中的透明色创建的窗体效果图

六、小结

三种创建“region”的方法,第一种最简单,如果所需的窗体形状是简单的几何图形,这种方法最合适;第二种稍微复杂些,但是创建的窗体形状更多些;第三种方法可以创建任何在图片中画出的窗体形状,但是实现的复杂度也最高。

注:本文的写作曾参考了“形态各异的不规则窗体”一文。