C++中不规则窗体的快速显示

鼯鼠 · 发表于 2005-9-30 13:22:42

传统的WINDOWS应用软件界面给人的感觉总是千篇一律的方方正正的窗体，看的时间长了难免会有些厌烦，总是希望能见到些不同一般的软件界面。如今，相当数量的商业软件在提供优秀而强大的功能的同时，软件的界面也是做得越来越漂亮，比如《超级解霸2000》中的界面插件，使用过的人一定对其华丽的外观充满好感。作为一个编程爱好者，如果自己写出的软件也拥有类似的界面，也许会吸引更多目光的注视。那么，我们现在就开始动手制作自己的漂亮界面吧。 　　技术内幕 　　要想在自己的程序中加入不规则窗体的应用，你首先要熟悉几个WINDOWS API函数的使用，它们是：椭圆形（或圆形）区域创建函数CreateEllipticRgn 、多边形区域创建函数CreatePolygonRgn、矩形区域创建函数CreateRectRgn、带圆角的矩形区域创建函数CreateRoundRectRgn。你可以用这些函数创建不同类型的窗体区域，也可以用WINDOWS API函数CombineRgn将几个简单区域组合成一个复杂区域。 　　下一步要做的就是将已经创建好的区域显示在屏幕上，同样也是使用WINDOWS API 函数来实现，这次用到的是SetWindowRgn函数。 　　WINDOWS API 函数在Borland C++ Builder 头文件中均已定义，在应用程序中使用这些API函数就象使用C++的普通库函数一样。 　　准备工作：为你的程序准备一幅背景图片，推荐方法是：在PhotoShop中打开图片后使用磁性套索工具选取你所需要的图象轮廓——复制——新建文件（背景使用白色）——粘贴——另存文件（PSD文件）——用ACDSee等看图软件将保存的PSD文件转换为BMP文件face.bmp备用。 　　程序中引用图片 　　　　打开Borland C++ Builder，在窗体上放置一个Image控件Image1，其Picture暂为空；在窗体上放置一个Popup菜单，编辑菜单项增加“Close”项（添加程序代码使得激活弹出菜单时即可关闭应用程序）。程序中做如下处理：　　 　　void __fastcall TForm1::FormCreate(TObject *Sender)　　 　　{　　 　　Image1-&gt

icture->LoadFromFile(".\\face.bmp");　　 　　Width=Image1->Width; 　　Height=Image1->Height;　　 　　Repaint();　　 　　} 　　此时，窗体的大小已能跟随所用图片的大小而改变，但仍旧是传统的WINDOWS界面，要想显示成具有图片轮廓的窗体外形，就需要使用前文介绍的WINDOWS API函数将不需要显示的部分抠去。　　 　　抠像方法一 　　　　这是一种非常简单的方法，采用对图片逐行扫描的方式，将图片像素点为白色的部分抠去，使用的方法是：在像素点附近产生一个包含几个像素点的矩形，与原图片采用异或方式抠去，程序如下： 　　HRGN tepRgn;　 　　for(y=0;yHeight;y++)　　 　　for(x=0;xWidth;x++)　　 　　if(Image1->Canvas-&gt

ixels[x][y]==clWhite)　　 　　{ 　　< tepRgn=CreateRectRgn(x,y,x+1,y+1);　　 　　CombineRgn(WndRgn,WndRgn,tepRgn,RGN_XOR);　　 　　DeleteObject(tepRgn);　 　　} 　　这种方法的优点是处理比较简单，缺点是处理速度太慢，尤其是在处理大幅图片时，往往要4~5秒的时间才能将窗体显示出来。因此产生了通过另外的途径快速勾勒图片轮廓的想法。　　 　　抠像方法二 　　　　这次我们采用另一个WINDOWS API函数CreatePolygonRgn（多边形区域），使用这个函数时需为它准备图片轮廓的坐标点数组及坐标点个数，也是通过对图片逐行扫描的方式，找到白色像素点与非白色像素点的分界点，将该点的坐标存入数组中，然后用CreatePolygonRgn函数一次就可以把图片外围的不用部分抠去，从而省去大量的处理时间。程序如下：　　 　　register int x,y;　　 　　int l,r; 　　POINT *a;　 　　bool lb,rb; 　　HRGN WndRgn,TempRgn,;　　 　　if((a=(POINT *)malloc(800*2*(sizeof(POINT))))==NULL)　　 　　{ 　　ShowMessage("申请内存失败！");　　 　　exit(0);　 　　} 　　l=0;r=Image1->Height*2-1;　　 　　WndRgn=CreateRectRgn(0,0,Image1->Width,Image1->Height);　　 　　for(y=0;yHeight;y++) 　　{　　 　　lb=true;　　 　　for(x=0;xWidth;x++)　　 　　if(Image1->Canvas-&gt

ixels[x][y]!=clWhite)　　 　　{　　 　　a[l].x=x;　　 　　a[l].y=y;　　 　　lb=false; 　　break;　　 　　}　　 　　if(lb) a[l]=a[l-1]; 　　l++;　　 　　rb=true; 　　for(x=Image1->Width-1;x>=0;x--)　　 　　if(Image1->Canvas-&gt

ixels[x][y]!=clWhite)　　 　　{　　 　　a[r].x=x;　　 　　a[r].y=y; 　　rb=false;　　 　　break;　　 　　}　 　　if(rb) a[r]=a[r+1];　　 　　r--;　　 　　}　 　　TempRgn=CreatePolygonRgn(a,Image1->Height*2,ALTERNATE);　　 　　CombineRgn(WndRgn,WndRgn,TempRgn,RGN_AND);　　 　　DeleteObject(TempRgn);　　 　　< free(a); 　　程序中对每一像素行都从左右两个方向分别扫描，找到两边的分界点存入数组。 　　不过这个方法也存在一些缺陷，那就是图片的内凹部分轮廓并未表现出来。

鼯鼠 · 发表于 2005-9-30 13:27:42

最终解决方案 　　　　考虑到既不增加<A class=article href="http://school.enet.com.cn/eschool/includes/zhuanti/shuyu/info/4/19/1319.shtml" target="_blank" >算法</A>的复杂度，又可大幅度缩短不规则窗体的创建<A class=article href="http://school.enet.com.cn/eschool/includes/zhuanti/shuyu/info/2/09/217.shtml" target="_blank" >速度</A>，因此采用综合以上两种方案，达到我们应用的目的，程序中首先应用方法二对图片双向<A class=article href="http://school.enet.com.cn/eschool/includes/zhuanti/shuyu/info/8/04/2499.shtml" target="_blank" >扫描</A>，产生轮廓坐标点数组，然后在图片轮廓内应用方法一将内凹部分抠去，最后才用多边形区域创建函数抠去图片外围部分。程序如下： 　　void __fastcall TForm1::FormCreate(TObject *Sender)　　 　　{ 　　 　　register int x,y; 　　int l,r;　　 　　POINT *a;　　 　　bool lb,rb;　　 　　HRGN WndRgn,TempRgn,tepRgn;　　 　　Width=800;Height=600;　　 　　if((a=(POINT *)malloc(800*4*(sizeof(POINT))))==NULL)　　 　　{　　 　　ShowMessage("申请<A class=article href="http://school.enet.com.cn/eschool/includes/zhuanti/shuyu/info/1/02/131.shtml" target="_blank" >内存</A>失败！");　　 　　exit(0);　　 　　} 　　Image1-&gt

icture->LoadFromFile(".\\face.bmp");　　 　　Width=Image1->Width;　　 　　Height=Image1->Height;　　 　　Repaint();　　 　　l=0;r=Image1->Height*2-1;　　 　　WndRgn=CreateRectRgn(0,0,Image1->Width,Image1->Height);　　 　　< //应用方法二产生轮廓坐标点数组　　 　　for(y=0;y<IMAGE1->Height;y++)　　 　　{　　 　　lb=true; 　　for(x=0;x<IMAGE1->Width;x++)　　 　　if(Image1->Canvas-><A class=article href="http://school.enet.com.cn/eschool/includes/zhuanti/shuyu/info/6/01/1456.shtml" target="_blank" >

ixel</A>s[x][y]!=clWhite)　　 　　{　　 　　a[l].x=x+1;　　 　　a[l].y=y;　　 　　lb=false;　　 　　break;　　 　　}　　 　　if(lb) a[l]=a[l-1];　　 　　l++;　　 　　rb=true; 　　for(x=Image1->Width-1;x>=0;x--)　　 　　if(Image1->Canvas-&gt

ixels[x][y]!=clWhite)　　 　　{　　 　　a[r].x=x;　　 　　a[r].y=y;　　 　　rb=false;　　 　　break;　　 　　}　　 　　if(rb) a[r]=a[r+1];　　 　　r--;　　 　　}　　 　　//应用方法一抠去图片内凹部分　　 　　r=Image1->Height*2-1;　　 　　for(y=0;y<IMAGE1->Height;y++){　　 　　for(x=a[y].x;x<A[R].X;X++)　　 　　if(Image1->Canvas-&gt

ixels[x][y]==clWhite)　　 　　{　　 　　< tepRgn=CreateRectRgn(x,y,x+1,y+1);　　 　　CombineRgn(WndRgn,WndRgn,tepRgn,RGN_XOR);　　 　　DeleteObject(tepRgn);　　 　　}　　 　　r--;　　 　　} 　　 　　//将图片外围部分抠去　　 　　TempRgn=CreatePolygonRgn(a,Image1->Height*2,ALTERNATE);　　 　　CombineRgn(WndRgn,WndRgn,TempRgn,RGN_AND);　　 　　DeleteObject(TempRgn);　　 　　free(a);　　 　　//显示不规则窗体　　 　　SetWindowRgn(Handle,WndRgn,true);　　 　　SetWindowPos(Handle,HWND_TOP,0,0,0,0,SWP_NO<A class=article href="http://school.enet.com.cn/eschool/includes/zhuanti/shuyu/info/12/04/609.shtml" target="_blank" >MO</A>VE　SWP_NOSIZE);　　 　　}　　 　　至此，一个漂亮的程序界面就出现在你的屏幕上了。

帐号		自动登录	找回密码
密码			立即注册