不規則窗體的應用增加軟體的吸引力 (轉)

不規則窗體的應用增加軟體的吸引力 (轉)[@more@]

傳統的應用介面給人的感覺總是千篇一律的方方正正的窗體，看的時間長
了難免會有些厭煩，總是希望能見到些不同一般的軟體介面。如今，相當數量的商業軟體在
提供優秀而強大的功能的同時，軟體的介面也是做得越來越漂亮，比如《超級解霸2000》中
的介面，使用過的人一定對其華麗的外觀充滿好感。作為一個愛好者，如果自己寫
出的軟體也擁有類似的介面，也許會吸引更多目光的注視。那麼，我們現在就開始動手製作
自己的漂亮介面吧。
技術內幕
　　要想在自己的中加入不規則窗體的應用，你首先要熟悉幾個WINDOWS 的使
用，它們是：橢圓形（或圓形）區域建立函式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，在窗體上放置一個ImageImage1，其Picture暫為空；
在窗體上放置一個Popup選單，編輯選單項增加“Close”項（新增程式程式碼使得啟用彈出菜
單時即可關閉應用程式）。程式中做如下處理：

void __fastcall TForm1::FormCreate(T *Sender)

{

< 。

< 。

< 。

Image1->Picture->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->Pixels[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->Pixels[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->Pixels[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);

　　程式中對每一畫素行都從左右兩個方向分別掃描，找到兩邊的分界點存入陣列。

　　不過這個方法也存在一些缺陷，那就是圖片的內凹部分輪廓並未表現出來。從下圖中可
以看出：

最終解決方案
　　考慮到既不增加演算法的複雜度，又可大幅度縮短不規則窗體的建立速度，因此採用綜合
以上兩種方案，達到我們應用的目的，程式中首先應用方法二對圖片雙向掃描，產生輪廓坐
標點陣列，然後在圖片輪廓內應用方法一將內凹部分摳去，最後才用多邊形區域建立函式摳
去圖片外圍部分。程式如下：

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("申請記憶體失敗！");

exit(0);

}

Image1->Picture->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;yHeight;y++)

{

lb=true;

for(x=0;xWidth;x++)

if(Image1->Canvas->Pixels[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->Pixels[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;yHeight;y++){

for(x=a[y].x;x

if(Image1->Canvas->Pixels[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_NOMOVE|SWP_NOSIZE);

}

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_NOMOVE|SWP_NOSIZE);
}

至此，一個漂亮的程式介面就出現在你的螢幕上了。