隨著計算機信息表示及實現的多媒體化,在許多學習軟件、游戲軟件,以及多媒體課件制作軟件中,經常使用各種圖形顯示技巧,如圖形的推拉、交錯、雨滴狀、百頁窗、積木隨機堆疊等顯示模式。這樣使畫面變得更為生動活潑,更能吸引用戶,也為更好地發揮軟件的功能奠定了基礎。本文就Visual C++ 6.0中實現圖形的各種顯示技巧的原理及具體方法做些探討。
基本原理
在Visual C++6.0中,顯示位圖的方法及過程如下:
1. 顯示程序資源中的位圖(位圖的所有數據均存在於可執行文件中)
(1)從資源中裝入位圖
● 定義位圖對象數據成員CBitmap m_Bitmap;
● 調用CBitmap成員函數LoadBitmap(),如m_Bitmap.LoadBitmap(IDB_BITMAP1);
● 傳入LoadBitmap的參數是位圖在圖形編輯器中生成或從位圖文件中引入時賦予的識別符。
(2)生成與位圖相聯系的內存設備情境對象
CDC MemDC;
MemDC.CreateCompatibleDC(NULL);
MemDC.SelectObject(&m_Bitmap);
(3)顯示位圖
CClientDC ClientDC(this);
BITMAP BM;
m_Bitmap.GetObject(sizeof(BM),&BM);
ClientDC.BitBlt
( X,Y, //目標設備邏輯橫、縱坐標
BM.bmWidth, BM.bmHeight, //顯示位圖的像素寬、高度
&MemDC,
//待顯示位圖數據的設備情境對象
0,0, //源數據中的橫、縱坐標
SRCCOPY); //位操作方式
這種方法顯示位圖速度快,但不是很靈活,而且會使可執行文件增大。
2. 顯示獨立文件方式的位圖(位圖的所有數據獨立於可執行文件)
HBITMAP *hBitmap; //定義位圖對象句柄
BITMAP BM;
CDC MemDC;
CClientDC ClientDC(this);
MemDC.CreateCompatibleDC(&ClientDC);
hBitmap=(HBITMAP*):: LoadImage
( AfxGetInstanceHandle(),
//取得應用程序句柄
“demo1.bmp”,
//位圖文件名
IMAGE_BITMAP,
//類型為Windows位圖
0,0,
LR_LOADFROMFILE);
//從文件中取位圖數據
MemDC.SelectObject(hBitmap);
:: GetObject(hBitmap,sizeof(BM),&BM);
ClientDC.BitBlt(……)
//使用格式與方法一同
這種方法顯示位圖速度較之前一種慢了一點,但其靈活性較大,可以任意變換位圖文件,而無需重新編譯源程序, 也減小了可執行文件的大小。
實現方法
下面介紹各種圖形顯示技巧的具體實現原理及方法。以下所有程序算法的實現均可放在視類(CView,也可視自己的需要放在其他類)中處理,且有必要進行如下的相關操作:
增加如下類成員變量:
BITMAP m_Bm;
//保存位圖的寬、高度等數據
HBITMAP *m_hBitmap;
//保存位圖數據句柄
CDC m_MemDC; //內存設備情境對象
在類構造函數中加入如下代碼:
m_MemDC.CreateCompatibleDC(NULL); //產生內存設備情境對象
m_hBitmap=(HBITMAP *)::LoadImage(
//從文件中裝入位圖數據
AfxGetInstanceHandle(),
“demo1.bmp”,
IMAGE_BITMAP,
0,0,
LR_LOADFROMFILE );
m_MemDC.SelectObject(m_hBitmap); //將位圖選入內存設備情境對象
::GetObject(m_hBitmap,sizeof(m_Bm),&m_Bm);
1. 水平交錯效果
原理:將內存設備情境對象(如MemDC)中的位圖數據拆分成奇、偶掃描線兩部分,其中奇數條掃描線由上往下移動,偶數條掃描線則由下往上移動,且兩者同時進行。屏幕上的效果為分別由上下兩端出現的較淡柵欄圖形,逐漸相互靠近,直至整個位圖完全清楚。垂直交錯效果的實現原理與之類似。
程序算法:
int i,j;
for ( i=0; i<=m_Bm.bmHeight; i+=2 )
{j = i;
while ( j>0 )
{ClientDC.StretchBlt(
//奇數,由上至下
0,j-1,
//目標設備邏輯橫、縱坐標
m_Bm.bmWidth,1,
//顯示位圖的像素寬、高度
&m_MemDC,
//源位圖設備情境對象
0,m_Bm.bmHeight-(i-j-1),
//源位圖的起始橫、縱坐標
m_Bm.bmWidth,1,
//源位圖的像素寬、高度
SRCCOPY);
ClientDC.StretchBlt(
//偶數,由下至上
0,m_Bm.bmHeight-j,
//目標設備邏輯橫、縱坐標
m_Bm.bmWidth,1,
//顯示位圖的像素寬、高度
&m_MemDC,
//源位圖設備情境對象
0,i-j,
//源位圖的起始橫、縱坐標
m_Bm.bmWidth,1,
//源位圖的像素寬、高度
SRCCOPY);
j-=2; }
// while ( j>0 )
Sleep(10);
}
//for ( i=0; i<=m_Bm.bmHeight; i+ =2 )
2. 雨滴效果
原理:將內存設備情境對象(如MemDC)中位圖數據的最後一條掃描線,順序地從目標設備(如ClientDC)中待顯示位圖的第一條掃描線所在位置移動至最後一條處,並保留此條掃描線在屏幕上移動時留下的軌跡。接著再把MemDC中位圖數據的倒數第二條掃描線,順序地從目標設備(如ClientDC)中待顯示位圖的第一條掃描線所在位置移動至倒數第二條處。其余的掃描線依此類推。
程序算法:
int i,j;
for ( i=0; i<=m_Bm.bmHeight; i++ )
{for ( j=0; j<=m_Bm.bmHeight-i; j++ )
ClientDC.StretchBlt(
0,j,
//目標設備邏輯橫、縱坐標
m_Bm.bmWidth,1,
//顯示位圖的像素寬、高度
&m_MemDC,
//源位圖設備情境對象
0,m_Bm.bmHeight-i,
//源位圖的起始橫、縱坐標
m_Bm.bmWidth,1,
//源位圖的像素寬、高度
SRCCOPY);
Sleep(20);
}
//for ( i=0; i<=m_Bm.bmHeight; i++ )
3. 百葉窗效果
原理:將內存設備情境對象(如MemDC)中的位圖數據分成若干組,然後分別從第一組到最後一組進行搬移,第一次搬移每組中第一條掃描線到目標設備(如ClientDC)中待顯示位圖的相應位置,第二次搬移每組中第二條掃描線,接著第三條、第四條掃描線。
程序算法:
int i,stepi,j;
stepi=m_Bm.bmHeight/10;
for ( i=0; i<=stepi; i++ )
{for ( j=0; j<10; j++ )
ClientDC.StretchBlt(
0,j*stepi+i,
//目標設備邏輯橫、縱坐標
m_Bm.bmWidth,1,
//顯示位圖的像素寬、高度
&m_MemDC,
//源位圖設備情境對象
0,j*stepi+i,
//源位圖的起始橫、縱坐標
m_Bm.bmWidth,1,
//源位圖的像素寬、高度
SRCCOPY);
Sleep(20);
} //for ( i=0; i<=stepi; i++ )
4. 隨機積木效果
原理:將內存設備情境對象(如MemDC)中的位圖數據分成縱橫十等份共一百組數據,然後隨機地取出這一百組數據中的某一組顯示到目標設備(如ClientDC)中待顯示位圖的相應位置,如此反復直到所有一百組數據均顯示完畢為止。
程序算法:
int i,j,stepx,stepy,dispnum,x,y;
int pxy[10][10];
//使用本數組記錄已顯示過的數據組
for ( i=0; i<10; i++ )
for ( j=0; j<10; j++ )
pxy[i][j]=0;
stepx=m_Bm.bmWidth/10;
stepy=m_Bm.bmHeight/10;
srand( (unsigned)time( NULL ) );
dispnum=0;
//記錄已顯示過的數據組的個數
while(1)
{ x=rand() % 10;
y=rand() % 10;
if ( pxy[x][y] )
//本組x,y所代表的數據組是否已顯示過?
continue;
pxy[x][y]=1;
//表明本組x,y所代表的數據組已顯示過
ClientDC.StretchBlt(
x*stepx, y*stepy,
//目標設備邏輯橫、縱坐標
stepx,stepy,
//顯示位圖的像素寬、高度
&m_MemDC,
//源位圖設備情境對象
x*stepx, y*stepy,
//源位圖的起始橫、縱坐標
stepx,stepy,
//源位圖的像素寬、高度
SRCCOPY);
dispnum++;
if ( dispnum >=100 )
break;
Sleep(30);
} // while(1)
結 語
以上程序代碼均在Visual C++ 6.0中調試通過,所有片斷均可編寫成獨立的函數,靈活使用。如果對以上幾種顯示效果進行變換,我們還可以實現多種其他特技效果。