摘要：许多游戏软件的开发中，实现高速平滑的动画需要许多比较深的技术，如：OpenGL、DirectX，并且可能还要开发人员有深厚的数学功底。但是，我们在开发一些小游戏，或为应用程序的界面实现一些动画效果，就可能不用以上这些技术了，我们更多的是用Windows API提供或MFC封装后的GDI绘图函数来实现。为此我们可不可以用GDI来实现高速平滑的动画呢？答案是肯定的。本文教您如何用GDI函数来开发平滑无闪的动画，并以一个应用实例来介绍这些用法。
关键词：GDI，MFC，Bitmap，内存设备环境
一、动画原理。
大家都知道播放电影的原理：在规定时间（一般为1秒）播放24幅连续的画面，由于人的视觉暂留，所以人们在观看电影时，看到的就不是一幅一幅的画面，而是丰富精彩的场景。于是，我们也模仿电影播放原理来用在编程中实现平滑无闪的动画。其实，这个原理已经在当今动画技术中实现，但我们讨论的是在VC++中用GDI函数实现同样效果的技术。
二、实现方法。
其实本技术也很简单，其关键就是在内存中创建一个与显示动画的窗口区域一样大的位图，先用GDI函数绘制位图，然后在适当的时候从内存中显示出来。因为位图已经绘制好，不象平时编程一样边绘制边显示，所以，显示一帧图形时，减速少了闪烁，从而实现平滑动画；并且，图形是从内存中直接显示到当前窗体，所以速度也很快，从而实现高速动画。下面我们将介绍实现这些技术的步骤：
1、启动 VC++，创建一个MFC支持的单文档应用程序。
2、选择菜单项Inert\New Class创建一个从CBitmap类继承的类，取名为：CMemBitmap。我们创建了一个位图类来模仿电影中的一帧画面，作为将要显示在窗口区域（电影屏幕）的图像。今后，所有的绘图操作都针对这个位图类进行，而这些绘图操作，我们可以用成员函数来实现，比如：显示一个位图、一段文字及GDI函数中所有的绘图函数。
3、创建好位图类后，为了同窗体联系起来，用窗体的CDC内存设备环境指针创建该位图与窗体的客户区一样大。为此在位图类头文件MemBitmap.h可声明一个CWnd指针成员变量：m_PWnd，用以指向窗体，如下代码所示：
private:
CWnd* pWnd;
再声明一个成员函数来创建位图，其声明代码如下所示：
public:
void Init(CWnd* pwnd);
在MemBitmap.cpp中实现代码如下：
//初始化位图类
void CMemBitmap::init(CWnd *pwnd)
{
RECT rt; //保存窗体客户区域的大小的矩形类型变量
pWnd = pwnd; //获取窗体指针
pwnd->GetClientRect(&rt); //得到窗体客户区域的大小
//利用窗体类的CDC指针在内存中创建位图
CreateCompatibleBitmap(pwnd->GetDC(), rt.right;, rt.bottom);
}
CreateCompatibleBitmap函数作用是初始化位图类，其原型如下：
BOOL CreateCompatibleBitmap( CDC* pDC, int nWidth, int nHeight );
pDC是设备环境指针，本例用窗体的设备环境指针。nWidth和nHeight是指定该位图尺寸的高度与宽度，单位为象素。
4、添加成员函数完成绘图功能。为了能在动画中显示文本信息，我们添加一个成员变更来显示文本信息。其原型的代码如下：
//MemBitmap.h文件中
public:
void TextOut(int x, int y, int iSize, LPCSTR strText,COLORREF color);
//MemBitmap.cpp文件中
void CMemBitmap::TextOut(int x, int y, int iSize, LPCSTR strText, COLORREF color)
{
CDC* pDC = pWnd->GetDC();//获取窗体的指针
CFont NewFont; //文本的字体对象
CFont *OldFont; //保存以前的字体指针
CDC dcMem ; //内存中的DC指针，以便调用GDI函数在位图中绘图
dcMem.CreateCompatibleDC(pDC); //创建与窗体设备环境一样大小DC
dcMem.SelectObject(this); //将内存中的DC选择该类的位图对象
NewFont.CreatePointFont(iSize,"宋体");//创建显示文本的字体
OldFont = dcMem.SelectObject(&NewFont); //选择新字体
dcMem.SetTextColor(color);
dcMem.TextOut(x,y,message);//在指定位置显示文本
dcMem.SelectObject(OldFont);
//释放
NewFont.DeleteObject();
dcMem.DeleteDC();
pWnd->ReleaseDC(pDC);
}
TextOut函数用于在指定位置用指定的大小，颜色显示文本。参数x,y分别是显示文本的位置，iSize指定文本字体的大小，color指定文本的颜色，strText指定要显示的内容。从以上代码中，用一个内存设备环境dcMem来显示文本：首先从窗体设备环境创建，再选择该位图类，之后，即可用CDC类的绘图函数进行绘图了。同样，读者可、以用该内存设备环境变量dcMem来绘制一个位图（从文件或资源来的）、画直线等所有GDI函数的操作，而我们添加函数功能在于将这些GDI函数进行封装，以便调用方便，这也是面向对象编程的思想。
5、我们再实现一个清位图函数，以便在适当时候用指定的颜色将位图填充，达到清图的效果，其代码如下：
//清除位图的一个区
void CMemBitmap::Clear(int x1, int y1, int x2, int y2, COLORREF color)
{
CDC* pDC = m_pWnd->GetDC();
CDC dcMem ; //内存中的DC指针
dcMem.CreateCompatibleDC(pDC);
dcMem.SelectObject(this);
CBrush *OldBrush , blbrush(color);
dcMem.SetBkMode( TRANSPARENT );
dcMem.SetBkColor(color);
OldBrush = dcMem.SelectObject( &blbrush );
dcMem.Rectangle( x1 , y1 , x2 , y2 );
dcMem.SelectObject(OldBrush);
dcMem.DeleteDC();
m_pWnd->ReleaseDC(pDC);
}
参数x1,y1,x2,y2指定了矩形区的尺寸，color指定了填充色。其实现方法与4中所述一样，在此不必多介绍。
6、添加了绘图函数，下面再介绍如何使用CMemBitmap类，来实现动画效果：
首先，我们在视图类（也可以是其它窗口类）中声明一个CMemBitmap成员变量m_MemBitmap，代码如下：
private:
CMemBitmap m_MemBitmap;
然后，我们重载Cview类函数OnInitialUpdate()，以便视图初始化结束后初始化位图对象，并且视图指针传递过去，其实现代码如下：
void CTestBitmapView::OnInitialUpdate()
{
CView::OnInitialUpdate();
// TODO: Add your specialized code here and/or call the base class
m_MemBitmap.init(this);
SetTimer(1,100,NULL);
}
在函数最后，启动了一个定时器， 我们将用定时来实现动画功能。
接着，我们重载定时器消息函数OnTimer实现动画功能。其实现代码如下：
void CTestBitmapView::OnTimer(UINT nIDEvent)
{
int x , y;//文本显示的位置
CRect rect;//客户区域
CDC* pDC = GetDC();//获取视图的DC
CDC dcComp;
//得到客户区尺寸
GetClientRect(&rect);
//随机获得要显示文本的位置
srand( (unsigned)time( NULL ) );
//控制文本显示的位置位于客户区以内
x = rand()%rect.Width()/2;
y = rand()%rect.Height();
//在内存中显示文本
m_MemBitmap.Clear(rect.left,rect.top,rect.right,rect.bottom,RGB(0,0,0));
m_MemBitmap.TextOut(10,10,500,"固定的文本",RGB(255,255,255));
m_MemBitmap.TextOut(x,y,400,"GDI函数实现高速动画演示",RGB(255,255,0));
//内存设备环境将位图对象选入
dcComp.CreateCompatibleDC(pDC);
dcComp.SelectObject(&m_MemBitmap);
//用位传输函数显示出来
pDC->BitBlt(0,0,rect.Width(),rect.Height(), &dcComp, 0,0,SRCCOPY);
dcComp.DeleteDC();
ReleaseDC(pDC);
CView::OnTimer(nIDEvent);
}
读者可根据注释理解代码的含义，需要说明的是：在内存中绘制位图时，本例采用了一个静态显示文本和一个随机动态显示的文本来比较，从运行情况可以看出动态显示的文本0.1秒就随机移动一次位置，虽然每次绘制位图都使用Clear函数清屏，但静态文本的显示没有一点闪动，动画非常平滑，速度也很快。
怎么样，很简单吧？如果您再创建一个线程后台绘制图形，将会实现很多特殊效果的动画来，我们可以将这项技术用在用户界面上或其他地方，将会收到意想不到的动画效果。
三、结束语
通过以例子，用GDI函数实现高速平滑的动画也很简单。我们可以添加绘制位图，画线、画矩形等成员函数，便能实现各种GDI绘图函数的操作，如果读者还有兴趣，可以在显示位图，作优化显示，如：不是将位图全部显示出来，而是显示其中动画的一部分，因为BitBlt函数作位传输很慢。我开发的纸牌游戏“扑克麻将”就经过优化，其动画速很快.
[返回] 中文XML论坛 - 专业的XML技术讨论区 →
计算机技术与应用 → 『 C/C++编程思想 』 → VC中用GDI函数实规高速平滑动画
(订阅本版)
2007/12/18 17:32:00
新浪微博
VC中用GDI函数实规高速平滑动画