河南商檢局 陳勝利

摘要


本文利用CImageList類保存數(shù)幅畫面，利用Draw函數(shù)在一定的時間間隔播放出

來，形成了類似GIF動畫的效果。該方法可以在Window的客戶區(qū)內(nèi)、工具條上、狀態(tài)條

上播放動畫。本文還給出了利用SetIcon函數(shù)在窗口標題欄上播放動畫的方法。


動畫是不同的相對連續(xù)的幾幅靜態(tài)畫面按一定的時間間隔顯示出來利用人的

視覺原理形成動的效果。在應(yīng)用程序中插入動畫可以為您的應(yīng)用程序增加不少特色,起

到美化界面的效果。在VC中播放動畫的方法非常多，這里向大家介紹在應(yīng)用程序中加

入類似GIF動畫的一種簡便方法。


一、原理


在VC中有一個CImageList類可以以圖像列表的方式管理圖像，圖像列表中的

圖像大小相同，索引以0為開始，每個圖像都可以單獨引用。Microsoft Win32 的API

提供了一系列的函數(shù)，您可以利用這些函數(shù)創(chuàng)建、銷毀圖像列表，可以顯示圖像、增

加和刪除圖像，替代、合并和拖動圖像。


CImageList 類提供了Windows圖像列表通用控件功能。這個控件（也即

CImageList類）僅僅適用于運行于Window 95 和Windows NT 3.51版或更高版本。下面

對本文用到的函數(shù)簡要說明如下：


BOOL Create( int cx, int cy, UINT nFlags, int nInitial, int

nGrow );


該函數(shù)用于創(chuàng)建一個圖像列表。 cx，cy 每個圖像的寬度和高度；nFlags

圖像列表的類型，其值僅可包含一個ILC_COLOR值。其詳細取值參見VC在線幫助。


nInitial 圖像列表最初含有的圖像數(shù)目；nGrow 當圖像數(shù)量需要改變

時，每次動態(tài)增長的圖像數(shù)。


BOOL Draw( CDC* pdc, int nImage, POINT pt, UINT nStyle );


該函數(shù)用于顯示一個圖像。pdc 目標設(shè)備上下文的指針；nImage 要顯示的圖

像索引；pt 圖像顯示的位置；nStyle圖像顯示風格，祥見在線幫助。


HICON ExtractIcon( int nImage );


利用該函數(shù)可以得到一函數(shù)的句柄。


int Add( HICON hIcon );


該函數(shù)把一個圖像加入圖像列表。


在程序中聲明一個CImageList類,調(diào)用Create函數(shù)創(chuàng)建該類,然后以一定的時

間用Draw函數(shù)循環(huán)顯示圖像,就可以形成動畫效果。Create類有幾個重載函數(shù)，可以根

據(jù)不同的資源調(diào)用不同的函數(shù)，為了簡便其間，本文只采用圖標資源，更詳細的資料

見聯(lián)機手冊。


二、編程與實現(xiàn)


首先，建立圖表資源。在VC6.0中利用資源編輯器，建立幾幅圖表，IDI_ICON1、

IDI_ICON2、IDI_ICON3....,在編輯圖標時選者Custom,如圖1，將圖標設(shè)置成大小為6

4X32，見圖2。由于Windows的各個部件不完全相同，其實現(xiàn)方法也不完全相同，下面

對在窗口不同位置顯示動畫的方法分別介紹。


　

　

[Dh1.gif (3933 bytes)] [Dh2.gif (3933 bytes)]

圖1 定制圖標資源 圖2 將圖標設(shè)置為64X32


1、在View類客戶區(qū)繪制動畫


在類的定義文件中加入下列變量：


POINT pt1;//圖像顯示的位置

int m_Play; //將要顯示圖像的索引

void CreateImageList();//創(chuàng)建圖像列表的函數(shù)

CImageList m_ImageList1;//圖像列表對象

int m_ImageNumber; //圖像列表中圖像的總數(shù)目


首先在口在函數(shù)時初始化pt1,m_Play,m_ImageNumber:


CImageView::CImageView()

{

// TODO: add construction code here

pt1.x =1;

pt1.y =1;

m_Play=0;

m_ImageNumber=0;

}


CreateImageList()的實現(xiàn)如下：


void CImageView::CreateImageList()

{

m_ImageList1.Create (64,32,ILC_COLOR,5,2);

HICON hIcon = ::LoadIcon(AfxGetResourceHandle(),

MAKEINTRESOURCE(IDI_ICON1));

m_ImageList1.Add(hIcon);

m_ImageNumber++;

hIcon = ::LoadIcon(AfxGetResourceHandle(),

MAKEINTRESOURCE(IDI_ICON2));

m_ImageList1.Add(hIcon);

m_ImageNumber++;

hIcon = ::LoadIcon(AfxGetResourceHandle(),

MAKEINTRESOURCE(IDI_ICON3));

m_ImageList1.Add(hIcon);

m_ImageNumber++;


.........//把您要播放的所有資源加入圖像列表。


}


在OnCreate函數(shù)中設(shè)置計時器，并創(chuàng)建圖像列表：


int CImageView::OnCreate(LPCREATESTRUCT lpCreateStruct)

{

if (CView::OnCreate(lpCreateStruct) == -1)

return -1;


// TODO: Add your specialized creation code here

CreateImageList();

SetTimer(1,500,NULL);

return 0;

}

響應(yīng)ON_TIMER消息，顯示動畫：


void CImageView::OnTimer(UINT nIDEvent)

{

// TODO: Add your message handler code here and/or call default

CDC *pDC=GetDC();


if(m_Play>m_ImageNumber)

m_Play=0;

m_ImageList1.Draw(pDC,m_Play,pt1,ILD_TRANSPARENT);

m_Play++;

ReleaseDC(pDC);

CView::OnTimer(nIDEvent);

}


最后別忘了在OnDestroy函數(shù)中，增加在窗口撤銷時中止定時器的代碼。


2、在狀態(tài)條上顯示動畫


由于狀態(tài)條也是窗口，所以也可以在其上顯示動畫。狀態(tài)條時主窗口的子窗

口，在CMainFrame類中可以看到下列代碼：


protected: // control bar embedded members

CStatusBar m_wndStatusBar;


所以為了在狀態(tài)條上顯示動畫，其編程代碼應(yīng)在CMainFrame類中加入。首先創(chuàng)建

資源文件和圖像列表類，具體方法和代碼見View類客戶區(qū)繪制動畫一節(jié)，此處不再重

復。下面進給出ON_TIMER的響應(yīng)函數(shù)：


void CMainFrame::OnTimer(UINT nIDEvent)

{

// TODO: Add your message handler code here and/or call default

if(m_Play>m_ImageNumber)

m_Play=0;//如果圖畫為最后一個,顯示第一幅圖片

CDC *pDC=this->m_wndStatusBar.GetDC();

ASSERT(pDC!=NULL);

pt1.x=1;

pt1.y =1;

m_ImageList1.Draw(pDC,m_Play,pt1,ILD_TRANSPARENT);

ReleaseDC(pDC);

m_Play++;

CFrameWnd::OnTimer(nIDEvent);

}


上述代碼將在狀態(tài)條左上方播放動畫。


三、在工具欄上播放動畫


由于工具欄的性質(zhì)與狀態(tài)條差不多，其播放動畫的方法也相似，下面進給出

ON_TIMER的響應(yīng)函數(shù)：


void CMainFrame::OnTimer(UINT nIDEvent)

{

// TODO: Add your message handler code here and/or call default

if(m_Play>m_ImageNumber)

m_Play=0;//如果圖畫為最后一個,顯示第一幅圖片

CRect rect;

CDC *pDC;

pDC=this->m_wndToolBar.GetDC();

ASSERT(pDC!=NULL);

this->m_wndToolBar.GetClientRect(&rect);//獲得顯示有效區(qū)域

pt1.x =rect.right -64; //將顯示位置定在最右邊

pt1.y=1;

m_ImageList1.Draw(pDC,m_Play,pt1,ILD_TRANSPARENT);

ReleaseDC(pDC);

m_Play++;

CFrameWnd::OnTimer(nIDEvent);

}

上述代碼將在工具欄右上方播放動畫。但如仔細觀察，動畫的位置并不是靠近窗口

最右邊，這是因為工具欄的窗口有邊界，采用如下方法，可以把畫面移到窗口右邊：


pDC=GetDC ();//獲得CMainFrame的畫圖設(shè)備指針

ASSERT(pDC!=NULL);

this->GetClientRect(&rect);

pt1.x =rect.right-64 ;

pt1.y=rect.top+3 ;

m_ImageList1.Draw(pDC,m_Play,pt1,ILD_TRANSPARENT);

ReleaseDC(pDC);


這是因為工具欄占據(jù)的位置屬于CMainFrame的客戶區(qū)。


4、使圖標變成動畫


在CWnd類中有一個函數(shù)


HICON SetIcon( HICON hIcon, BOOL bBigIcon );


可以改變窗進口的圖標，所以您可以通過使用該函數(shù)不斷的改變圖標使圖標

動起來，效果像GetRight一樣。 在OnTimer函數(shù)中加入下列代碼：


SetIcon(m_ImageList1.ExtractIcon(m_Play),FALSE);


就可以使圖標動起來，當然為了使程序工作的更好，您最好重建一套圖標資源。


在VC中另一可以改變圖標的函數(shù)是SetClassLong（），又興趣的朋友可以一試。