文/黃建志

　　在C++ Builder中，實(shí)現(xiàn)一幅圖像的顯示非常簡(jiǎn)單，只要在Form窗體中定義一個(gè)TImage組件，設(shè)置其Picture屬性，然后選擇任何有效的.ico、.bmp、.emf或.wwf文件，加載進(jìn)來(lái)，所選文件就顯示在TImage組件中。但這只是直接將圖形顯示在窗體中，毫無(wú)技巧可言，給人感覺(jué)是一種枯燥乏味。為了使圖形顯示有別具一格的效果。按下列步驟實(shí)現(xiàn)：

　　1、 定義一個(gè)TImage組件，把要顯示的圖形先加載到TImage組件中，也就是說(shuō)，把圖  
形內(nèi)容從磁盤(pán)載入內(nèi)存中，作為圖形緩存。

　　2、 創(chuàng)建一新的位圖對(duì)象，其尺寸跟TImage組件中的圖形一樣。

　　3、 利用畫(huà)布(Canvas)的CopyRect功能(將一個(gè)畫(huà)布的矩形區(qū)域拷貝到另一個(gè)畫(huà)布的矩形區(qū)域)，以達(dá)到動(dòng)態(tài)顯示位圖。

　　下面介紹各種圖形顯示技巧的具體實(shí)現(xiàn)方法。

　　上拉效果


圖1

　　實(shí)現(xiàn)原理：首先將暫存圖形的第一條水平線，搬移至要顯示位圖的最后一條，接著再將暫存圖形的前兩條水平線，依次搬移至要顯示位圖的最后兩條水平線，然后搬移前三條、前四條直到全部圖形數(shù)據(jù)搬完為止。在搬移的過(guò)程中即可看到顯示的位圖由下而上浮起，而達(dá)到上拉的效果(如圖1)。

　　程序算法：

　　void _fastcall TFor-

　　m1::Button1Click(TObject *Sender)

　　 {int i,width,height;

　　Graphics::TBitmap *newbmp;

　　newbmp=new Graphics::TBitmap;

　　newbmp-〉Width=Image1-〉Width;

　　newbmp-〉Height=Image1-〉Height;

　　width=Image1-〉Width;

　　height=Image1-〉Height;

　　for(i=0;i

　　{newbmp-〉Canvas-〉CopyRect(Rect(0,height-i,width,height),

　　Image1-〉Canvas,Rect(0,0,width,i));

　　Form1-〉Canvas-〉Draw(10,10,newbmp);}

　　delete newbmp;}

　　從左向右平鋪顯示效果


圖2

　　實(shí)現(xiàn)原理：首先將暫存圖形的最后一條豎線，搬移至要顯示位圖的第一條豎線，接著再將暫存圖形的最后兩條豎線，依序搬移至要顯示位圖的前兩條豎線，然后搬移最后三條、四條豎線直到全部圖形數(shù)據(jù)搬完為止。在搬移的過(guò)程中即可看到顯示的位圖由左向右浮起，而達(dá)到從左向右平鋪顯示的效果(如圖2)。

　　程序算法：

　　void _fastcall TForm1::Button2Click(TObject *Sender)

　　{int i,width,height;

　　Graphics::TBitmap *newbmp;

　　newbmp=new Graphics::TBitmap;

　　newbmp-〉Width=Image1-〉Width;

　　newbmp-〉Height=Image1-〉Height;

　　width=Image1-〉Width;

　　height=Image1-〉Height;

　　for(i=0;i<=width;i++)

　　{ newbmp-〉Canvas-〉

　　CopyRect(Rect(0,0,i,height),

　　Image1-〉Canvas,Rect(width-i,0,width,height));

　　Form1-〉Canvas-〉Draw(10,10,newbmp); }

　　delete newbmp;}

　　垂直交錯(cuò)效果


圖3

　　實(shí)現(xiàn)原理：將要顯示的圖形拆成兩部分，奇數(shù)條掃描線由上往下搬移，偶數(shù)條掃描線則由下往上搬移，而且兩者同時(shí)進(jìn)行。便可看到分別由上下兩端出現(xiàn)的較淡圖形向屏幕中央移動(dòng)，直到完全清楚為止(如圖3)。

　　程序算法：

　　void __fastcall TForm1::BitBtn3Click(TObject *Sender)

　　{Graphics::TBitmap *newbmp;

　　int i,j,height,width;

　　newbmp=new Graphics::TBitmap;

　　newbmp-〉Width=Image1-〉Width;

　　newbmp-〉Height=Image1-〉Height;

　　height=Image1-〉Height;

　　width=Image1-〉Width;

　　i=0;

　　while(i<=height)

　　{for(j=0;j

　　{newbmp-〉Canvas-〉CopyRect(Rect(j*2,0,j*2+1,i),Image1-〉Canvas,

　　Rect(j*2,0,j*2+1,i));

　　newbmp-〉Canvas-〉CopyRect(Rect(j*2+1,height,j*2+2,height-i),

　　Image1-〉Canvas, Rect(j*2+1,height,j*2+2,height-i)); }

　　Form1-〉Canvas-〉Draw(10,10,newbmp);

　　i+=2; }

　　delete newbmp;}

　　水平交錯(cuò)效果


圖4

　　實(shí)現(xiàn)原理：同垂直交錯(cuò)效果原理一樣，將要顯示的圖形拆成兩部分，奇數(shù)條掃描線由左往右搬移，偶數(shù)條掃描線則由右往左搬移，兩者同時(shí)進(jìn)行。從屏幕上便可看到分別由左右兩端出現(xiàn)的較淡圖形向屏幕中央移動(dòng)，直到完全清楚為止(如圖4)。

　　程序算法：

　　void __fastcall TForm1::BitBtn4Click(TObject *Sender)

　　{int i,j,height,width;

　　Graphics::TBitmap *newbmp;

　　newbmp=new Graphics::TBitmap;

　　newbmp-〉Width=Image1-〉Width;

　　newbmp-〉Height=Image1-〉Height;

　　height=Image1-〉Height;

　　width=Image1-〉Width;

　　i=0;

　　while(i<=height)

　　{for(j=0;j

　　{newbmp-〉Canvas-〉CopyRect(Rect(0,j*10,i,j*10+5),Image1-〉Canvas,

　　Rect(0,j*10,i,j*10+5));

　　newbmp-〉Canvas-〉CopyRect(Rect(width-i,j*10+5,width,j*10+10),

　　Image1-〉Canvas, Rect(width-i,j*10+5,width,j*10+10)); }

　　Form1-〉Canvas-〉Draw(10,10,newbmp);

　　i+=2; }

　　delete newbmp;}

　　從左到右圓筒滾動(dòng)效果


圖5

　　實(shí)現(xiàn)原理：圖形復(fù)制過(guò)程中，把目標(biāo)圖形的坐標(biāo)按照曲線方式移動(dòng)，以達(dá)到圓筒滾動(dòng)效果(如圖5)。

　　程序算法：

　　void __fastcall TForm1::BitBtn5Click(TObject *Sender)

　　{int i,j,height,width;

　　Graphics::TBitmap *newbmp;

　　newbmp=new Graphics::TBitmap;

　　newbmp-〉Width=Image1-〉Width;

　　newbmp-〉Height=Image1-〉Height;

　　height=Image1-〉Height;

　　width=Image1-〉Width;

　　i=0;

　　int intr=50;

　　for(i=0;i<=width;i+=5)

　　{for(j=1;j<=2*intr;j++)

　　{newbmp-〉Canvas-〉CopyRect(Rect(i+j,-sqrt(2*intr*j-j*j),i+j+1,-sqrt(2*intr*j-j*j)+height),Image1-〉Canvas,Rect(i+j,0,i+j+1,height));}

　　newbmp-〉Canvas-〉CopyRect(Rect(i,0,i+5,height),Image1-〉Canvas,Rect(i,0,i+5,height));

　　Form1-〉Canvas-〉Draw(10,10,newbmp);

　　Sleep(10); }}

　　所有程序算法都在C++ Builder 4.0和5.0調(diào)試通過(guò)。