不規(guī)則窗體的應(yīng)用增加軟件的吸引力
發(fā)表時間:2024-06-19 來源:明輝站整理相關(guān)軟件相關(guān)文章人氣:
[摘要]傳統(tǒng)的WINDOWS應(yīng)用軟件界面給人的感覺總是千篇一律的方方正正的窗體,看的時間長 了難免會有些厭煩,總是希望能見到些不同一般的軟件界面。如今,相當(dāng)數(shù)量的商業(yè)軟件在 提供優(yōu)秀而強大的功能的同時,軟件的界面也是做得越來越漂亮,比如《超級解霸2000》中 的界面插件,使用過的人一定對其華麗的外觀充滿好...
傳統(tǒng)的WINDOWS應(yīng)用軟件界面給人的感覺總是千篇一律的方方正正的窗體,看的時間長
了難免會有些厭煩,總是希望能見到些不同一般的軟件界面。如今,相當(dāng)數(shù)量的商業(yè)軟件在
提供優(yōu)秀而強大的功能的同時,軟件的界面也是做得越來越漂亮,比如《超級解霸2000》中
的界面插件,使用過的人一定對其華麗的外觀充滿好感。作為一個編程愛好者,如果自己寫
出的軟件也擁有類似的界面,也許會吸引更多目光的注視。那么,我們現(xiàn)在就開始動手制作
自己的漂亮界面吧。
技術(shù)內(nèi)幕
要想在自己的程序中加入不規(guī)則窗體的應(yīng)用,你首先要熟悉幾個WINDOWS API函數(shù)的使
用,它們是:橢圓形(或圓形)區(qū)域創(chuàng)建函數(shù)CreateEllipticRgn 、多邊形區(qū)域創(chuàng)建函數(shù)
CreatePolygonRgn、 矩形區(qū)域創(chuàng)建函數(shù)CreateRectRgn、 帶圓角的矩形區(qū)域創(chuàng)建函數(shù)
CreateRoundRectRgn。你可以用這些函數(shù)創(chuàng)建不同類型的窗體區(qū)域,也可以用WINDOWS API
函數(shù)CombineRgn將幾個簡單區(qū)域組合成一個復(fù)雜區(qū)域。
下一步要做的就是將已經(jīng)創(chuàng)建好的區(qū)域顯示在屏幕上,同樣也是使用WINDOWS API 函數(shù)
來實現(xiàn),這次用到的是SetWindowRgn函數(shù)。
WINDOWS API 函數(shù)在Borland C++ Builder 頭文件中均已定義,在應(yīng)用程序中使用這些
API函數(shù)就象使用C++的普通庫函數(shù)一樣。
準(zhǔn)備工作
為你的程序準(zhǔn)備一幅背景圖片,推薦方法是: 在PhotoShop中打開圖片后使用磁性套索
工具選取你所需要的圖象輪廓--復(fù)制--新建文件(背景使用白色)--粘貼--另存文
件(PSD文件)--用ACDSee等看圖軟件將保存的PSD文件轉(zhuǎn)換為BMP文件face.bmp備用。如
下圖:
程序中引用圖片
打開Borland C++ Builder,在窗體上放置一個Image控件Image1,其Picture暫為空;
在窗體上放置一個Popup菜單,編輯菜單項增加“Close”項(添加程序代碼使得激活彈出菜
單時即可關(guān)閉應(yīng)用程序)。程序中做如下處理:
void __fastcall TForm1::FormCreate(TObject *Sender)
{
< 。
< 。
< 。
Image1->Picture->LoadFromFile(".\\face.bmp");
Width=Image1->Width;
Height=Image1->Height;
Repaint();
< 。
< 。
< 。
}
此時,窗體的大小已能跟隨所用圖片的大小而改變,但仍舊是傳統(tǒng)的WINDOWS界面,要
想顯示成具有圖片輪廓的窗體外形,就需要使用前文介紹的WINDOWS API函數(shù)將不需要顯示
的部分摳去。
摳像方法一
這是一種非常簡單的方法,采用對圖片逐行掃描的方式,將圖片像素點為白色的部分摳
去,使用的方法是:在像素點附近產(chǎn)生一個包含幾個像素點的矩形,與原圖片采用異或方式
摳去,程序如下:
HRGN tepRgn;
for(y=0;y<Image1->Height;y++)
for(x=0;x<Image1->Width;x++)
if(Image1->Canvas->Pixels[x][y]==clWhite)
{
< tepRgn=CreateRectRgn(x,y,x+1,y+1);
CombineRgn(WndRgn,WndRgn,tepRgn,RGN_XOR);
DeleteObject(tepRgn);
}
這種方法的優(yōu)點是處理比較簡單,缺點是處理速度太慢,尤其是在處理大幅圖片時,往
往要4~5秒的時間才能將窗體顯示出來。因此產(chǎn)生了通過另外的途徑快速勾勒圖片輪廓的想
法。
摳像方法二
這次我們采用另一個WINDOWS API函數(shù)CreatePolygonRgn(多邊形區(qū)域),使用這個函
數(shù)時需為它準(zhǔn)備圖片輪廓的坐標(biāo)點數(shù)組及坐標(biāo)點個數(shù),也是通過對圖片逐行掃描的方式,找
到白色像素點與非白色像素點的分界點,將該點的坐標(biāo)存入數(shù)組中,然后用
CreatePolygonRgn函數(shù)一次就可以把圖片外圍的不用部分摳去,從而省去大量的處理時間。
程序如下:
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("申請內(nèi)存失敗!");
exit(0);
}
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->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);
程序中對每一像素行都從左右兩個方向分別掃描,找到兩邊的分界點存入數(shù)組。
不過這個方法也存在一些缺陷,那就是圖片的內(nèi)凹部分輪廓并未表現(xiàn)出來。從下圖中可
以看出:
最終解決方案
考慮到既不增加算法的復(fù)雜度,又可大幅度縮短不規(guī)則窗體的創(chuàng)建速度,因此采用綜合
以上兩種方案,達到我們應(yīng)用的目的,程序中首先應(yīng)用方法二對圖片雙向掃描,產(chǎn)生輪廓坐
標(biāo)點數(shù)組,然后在圖片輪廓內(nèi)應(yīng)用方法一將內(nèi)凹部分摳去,最后才用多邊形區(qū)域創(chuàng)建函數(shù)摳
去圖片外圍部分。程序如下:
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("申請內(nèi)存失敗!");
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);
< file://應(yīng)用方法二產(chǎn)生輪廓坐標(biāo)點數(shù)組
for(y=0;y<Image1->Height;y++)
{
lb=true;
for(x=0;x<Image1->Width;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--;
}
file://應(yīng)用方法一摳去圖片內(nèi)凹部分
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->Pixels[x][y]==clWhite)
{
< tepRgn=CreateRectRgn(x,y,x+1,y+1);
CombineRgn(WndRgn,WndRgn,tepRgn,RGN_XOR);
DeleteObject(tepRgn);
}
r--;
}
file://將圖片外圍部分摳去
TempRgn=CreatePolygonRgn(a,Image1->Height*2,ALTERNATE);
CombineRgn(WndRgn,WndRgn,TempRgn,RGN_AND);
DeleteObject(TempRgn);
free(a);
file://顯示不規(guī)則窗體
SetWindowRgn(Handle,WndRgn,true);
SetWindowPos(Handle,HWND_TOP,0,0,0,0,SWP_NOMOVE SWP_NOSIZE);
}
r--;
}
file://將圖片外圍部分摳去
TempRgn=CreatePolygonRgn(a,Image1->Height*2,ALTERNATE);
CombineRgn(WndRgn,WndRgn,TempRgn,RGN_AND);
DeleteObject(TempRgn);
free(a);
file://顯示不規(guī)則窗體
SetWindowRgn(Handle,WndRgn,true);
SetWindowPos(Handle,HWND_TOP,0,0,0,0,SWP_NOMOVE SWP_NOSIZE);
}
至此,一個漂亮的程序界面就出現(xiàn)在你的屏幕上了。