河南商檢局 陳勝利

摘要


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

來，形成了類似GIF動畫的效果。該方法可以在Window的客戶區內、工具條上、狀態條

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


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

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

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

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


一、原理


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

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

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

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


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

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

對本文用到的函數簡要說明如下：


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

nGrow );


該函數用于創建一個圖像列表。 cx，cy 每個圖像的寬度和高度；nFlags

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


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

時，每次動態增長的圖像數。


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


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

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


HICON ExtractIcon( int nImage );


利用該函數可以得到一函數的句柄。


int Add( HICON hIcon );


該函數把一個圖像加入圖像列表。


在程序中聲明一個CImageList類,調用Create函數創建該類,然后以一定的時

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

據不同的資源調用不同的函數，為了簡便其間，本文只采用圖標資源，更詳細的資料

見聯機手冊。


二、編程與實現


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

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

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

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


　

　

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

圖1 定制圖標資源 圖2 將圖標設置為64X32


1、在View類客戶區繪制動畫


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


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

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

void CreateImageList();//創建圖像列表的函數

CImageList m_ImageList1;//圖像列表對象

int m_ImageNumber; //圖像列表中圖像的總數目


首先在口在函數時初始化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()的實現如下：


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函數中設置計時器，并創建圖像列表：


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;

}

響應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函數中，增加在窗口撤銷時中止定時器的代碼。


2、在狀態條上顯示動畫


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

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


protected: // control bar embedded members

CStatusBar m_wndStatusBar;


所以為了在狀態條上顯示動畫，其編程代碼應在CMainFrame類中加入。首先創建

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

復。下面進給出ON_TIMER的響應函數：


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);

}


上述代碼將在狀態條左上方播放動畫。


三、在工具欄上播放動畫


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

ON_TIMER的響應函數：


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);//獲得顯示有效區域

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的畫圖設備指針

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);


這是因為工具欄占據的位置屬于CMainFrame的客戶區。


4、使圖標變成動畫


在CWnd類中有一個函數


HICON SetIcon( HICON hIcon, BOOL bBigIcon );


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

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


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


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


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