文/黃建志

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

　　1、 定義一個TImage組件，把要顯示的圖形先加載到TImage組件中，也就是說，把圖  
形內容從磁盤載入內存中，作為圖形緩存。

　　2、 創建一新的位圖對象，其尺寸跟TImage組件中的圖形一樣。

　　3、 利用畫布(Canvas)的CopyRect功能(將一個畫布的矩形區域拷貝到另一個畫布的矩形區域)，以達到動態顯示位圖。

　　下面介紹各種圖形顯示技巧的具體實現方法。

　　上拉效果


圖1

　　實現原理：首先將暫存圖形的第一條水平線，搬移至要顯示位圖的最后一條，接著再將暫存圖形的前兩條水平線，依次搬移至要顯示位圖的最后兩條水平線，然后搬移前三條、前四條直到全部圖形數據搬完為止。在搬移的過程中即可看到顯示的位圖由下而上浮起，而達到上拉的效果(如圖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

　　實現原理：首先將暫存圖形的最后一條豎線，搬移至要顯示位圖的第一條豎線，接著再將暫存圖形的最后兩條豎線，依序搬移至要顯示位圖的前兩條豎線，然后搬移最后三條、四條豎線直到全部圖形數據搬完為止。在搬移的過程中即可看到顯示的位圖由左向右浮起，而達到從左向右平鋪顯示的效果(如圖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;}

　　垂直交錯效果


圖3

　　實現原理：將要顯示的圖形拆成兩部分，奇數條掃描線由上往下搬移，偶數條掃描線則由下往上搬移，而且兩者同時進行。便可看到分別由上下兩端出現的較淡圖形向屏幕中央移動，直到完全清楚為止(如圖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;}

　　水平交錯效果


圖4

　　實現原理：同垂直交錯效果原理一樣，將要顯示的圖形拆成兩部分，奇數條掃描線由左往右搬移，偶數條掃描線則由右往左搬移，兩者同時進行。從屏幕上便可看到分別由左右兩端出現的較淡圖形向屏幕中央移動，直到完全清楚為止(如圖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;}

　　從左到右圓筒滾動效果


圖5

　　實現原理：圖形復制過程中，把目標圖形的坐標按照曲線方式移動，以達到圓筒滾動效果(如圖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調試通過。