河南商檢局 陳勝利

摘要


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

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

上播放動(dòng)畫(huà)。本文還給出了利用SetIcon函數(shù)在窗口標(biāo)題欄上播放動(dòng)畫(huà)的方法。


動(dòng)畫(huà)是不同的相對(duì)連續(xù)的幾幅靜態(tài)畫(huà)面按一定的時(shí)間間隔顯示出來(lái)利用人的

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

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

入類(lèi)似GIF動(dòng)畫(huà)的一種簡(jiǎn)便方法。


一、原理


在VC中有一個(gè)CImageList類(lèi)可以以圖像列表的方式管理圖像，圖像列表中的

圖像大小相同，索引以0為開(kāi)始，每個(gè)圖像都可以單獨(dú)引用。Microsoft Win32 的API

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

加和刪除圖像，替代、合并和拖動(dòng)圖像。


CImageList 類(lèi)提供了Windows圖像列表通用控件功能。這個(gè)控件（也即

CImageList類(lèi)）僅僅適用于運(yùn)行于Window 95 和Windows NT 3.51版或更高版本。下面

對(duì)本文用到的函數(shù)簡(jiǎn)要說(shuō)明如下：


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

nGrow );


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

圖像列表的類(lèi)型，其值僅可包含一個(gè)ILC_COLOR值。其詳細(xì)取值參見(jiàn)VC在線幫助。


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

時(shí)，每次動(dòng)態(tài)增長(zhǎng)的圖像數(shù)。


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


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

像索引；pt 圖像顯示的位置；nStyle圖像顯示風(fēng)格，祥見(jiàn)在線幫助。


HICON ExtractIcon( int nImage );


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


int Add( HICON hIcon );


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


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

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

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

見(jiàn)聯(lián)機(jī)手冊(cè)。


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


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

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

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

對(duì)在窗口不同位置顯示動(dòng)畫(huà)的方法分別介紹。


　

　

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

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


1、在View類(lèi)客戶區(qū)繪制動(dòng)畫(huà)


在類(lèi)的定義文件中加入下列變量：


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

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

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

CImageList m_ImageList1;//圖像列表對(duì)象

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


首先在口在函數(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()的實(shí)現(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è)置計(jì)時(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消息，顯示動(dòng)畫(huà)：


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ù)中，增加在窗口撤銷(xiāo)時(shí)中止定時(shí)器的代碼。


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


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

口，在CMainFrame類(lèi)中可以看到下列代碼：


protected: // control bar embedded members

CStatusBar m_wndStatusBar;


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

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

復(fù)。下面進(jìn)給出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;//如果圖畫(huà)為最后一個(gè),顯示第一幅圖片

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)條左上方播放動(dòng)畫(huà)。


三、在工具欄上播放動(dòng)畫(huà)


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

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;//如果圖畫(huà)為最后一個(gè),顯示第一幅圖片

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

}

上述代碼將在工具欄右上方播放動(dòng)畫(huà)。但如仔細(xì)觀察，動(dòng)畫(huà)的位置并不是靠近窗口

最右邊，這是因?yàn)楣ぞ邫诘拇翱谟羞吔�，采用如下方法，可以把�?huà)面移到窗口右邊：


pDC=GetDC ();//獲得CMainFrame的畫(huà)圖設(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);


這是因?yàn)楣ぞ邫谡紦?jù)的位置屬于CMainFrame的客戶區(qū)。


4、使圖標(biāo)變成動(dòng)畫(huà)


在CWnd類(lèi)中有一個(gè)函數(shù)


HICON SetIcon( HICON hIcon, BOOL bBigIcon );


可以改變窗進(jìn)口的圖標(biāo)，所以您可以通過(guò)使用該函數(shù)不斷的改變圖標(biāo)使圖標(biāo)

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


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


就可以使圖標(biāo)動(dòng)起來(lái)，當(dāng)然為了使程序工作的更好，您最好重建一套圖標(biāo)資源。


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