关于windows编程技术10GDI编程3—动画

第10章 GDI编程3-动画动画是利用人的视觉滞留缺陷(25ms~400ms)和心理认可来动态生成系列相关画面以产生运动视觉的技术。

位图动画是将预先制作好的一系列表示连续画面的位图，按一定的时间间隔一幅接一幅地连续显示，从而产生动画效果。

因为绘制动画所需的图形，以及拍摄和处理图片，需要美术、摄影、数字图像处理、动画设计等知识，我们这里不讲。

本书只介绍如何显示已有的位图（序列）以产生动画效果，以及如何动态绘制不同的简单图形以产生二维图形动画等。

用GDI编程实现动画，一般需要用到计时器(Timer)操作，通常在计时器响应函数OnTimer中（而不要使用OnDraw）绘图来实现动画。

10.1 固定位图动画本节介绍利用一系列的位图资源，在同一个屏幕位置，接连显示位图序列，以达到动画的效果的具体方法。

为此，可在交互绘图程序中添加一个如图10-1所示的位图动画对话框，并添加对应的对话框类CDukeDlg。

也可以创建一个基于对话框的独立的MFC应用程序。

图10-1 位图动画对话框资源当然还需添加相应的“位图动画”菜单项（ID_DUKE）和（为视图类添加）对应的菜单响应函数，并在该函数中创建对话框类的对象，打开对话框来运行动画：#include "DukeDlg.h"void CDrawView::OnDuke() {CDukeDlg dlg;dlg.DoModal();}10.1.1 准备位图、加入位图资源系列公爵（Duke）BMP文件T1.BMP ~ T10.BMP（见图10-2），来自Java吉祥物的GIF动画文件，可存放在项目的res子目录的Duke子目录中（该位图资源已经打包成Duke.rar文件后，放到了系里的网站和我的个人网页上）。

T1.BMP T2.BMP T3.BMP T4.BMP T5.BMPT6.BMP T7.BMP T8.BMP T9.BMP T10.BMP图10-2 Duke位图文件用VC的资源编辑器依次加入位图文件：在左边的项目工作区中选“资源视图”页，展开项目的资源列表，在“Bitmap”表项（若无此项，则可直接在项目资源项）上单击鼠标右键，在弹出的浮动菜单中选“添加资源”菜单项，在打开的“添加资源”对话框中，选中左边“资源类型”栏中的“Bitmap”表项，单击右边的“导入”按钮，在弹出的“导入”文件对话框中，定位Duke目录，选中所有Ti.BMP后按“打开”钮，则会自动加入ID为IDB_BITMAPi 的位图资源。

为了以后循环编程的方便，必须保证是从T1.BMP到T10.BMP顺序依次加入。

为了确认，可打开头文件Resource.h查看，若其中的常量IDB_BITMAPi的定义数值不连续，可作一些手工修改使其连续，例如：#define IDB_BITMAP1 131#define IDB_BITMAP2 132#define IDB_BITMAP3 133#define IDB_BITMAP4 134#define IDB_BITMAP5 135#define IDB_BITMAP6 136#define IDB_BITMAP7 137#define IDB_BITMAP8 138#define IDB_BITMAP9 139#define IDB_BITMAP10 14010.1.2 添加控件、创建对话框类为对话框资源添加图片控件：打开对话框资源，在控件工具箱中选图片控件（Picture Control）工具，在对话框的适当位置添加图片控件，设置其“ID”属性值为“IDC_ANI”，修改“Type”属性为（在其下拉式列表框中选中）“Bitmap”，再在“Image”属性的下拉式列表框中选中“IDB_BITMAP1”位图资源，则该位图绘显示在图片控件中。

为了控制动画的播放，需要添加一个即可表示开始动画又可表示停止动画的按钮（初始标题为“开始动画”），可设置其ID为“IDC_ANI_START_STOP”。

为了让用户选择动画的速度，可以添加静态文本提示框“每秒帧数：”和文本编辑框（IDC_N），在后面的10.1.6小节中还会添加滑块控件（Slider Control，IDC_SLIDER_N）。

创建该对话框资源所对应的对话框类CDukeDlg。

10.1.3 添加类变量、装入与删除位图在对话框类的定义（头文件）中添加若干类变量：CBitmap *m_pBmp[10]; // 位图指针数组BITMAP m_bs; // 位图结构变量bool m_bStarted; // 判别动画是否启动（初始化为false）int m_nCurFrame, // 当前帧号（初值为0）m_nFramesPerSecond; // 每秒帧数（初值为10）为CDukeDlg类添加（重写型）消息响应函数OnInitDialog，在该函数中（也可以在构造函数中）创建位图对象并装入位图资源，然后获取位图结构（其中的位图宽和高用于BitBlt函数），并初始化其他类变量，最后设置编辑控件的初值（粗体部分为新加的）：BOOL CDukeDlg::OnInitDialog(){CDialog::OnInitDialog();// TODO: 在此添加额外的初始化for (int i = 0; i < 10; i++) { // 装入位图资源m_pBmp[i] = new CBitmap;m_pBmp[i]->LoadBitmap(IDB_BITMAP1 + i);}m_pBmp[0]->GetBitmap(&m_bs); //获取位图结构m_bStarted = false; // 设置已开始动画为假m_nCurFrame = 0; // 设置初始的当前帧为0m_nFramesPerSecond = 10; // 设置初始动画速度为每秒10帧SetDlgItemInt(IDC_N, m_nFramesPerSecond); // 设置编辑框初值return TRUE; // return TRUE unless you set the focus to a control// 异常: OCX 属性页应返回 FALSE}其中，语句m_pBmp[i]->LoadBitmap(IDB_BITMAP1 + i);中的IDB_BITMAP1 + i用到了Duke位图资源ID的连续性。

为了避免内存泄漏，还需要为对话框类添加析构函数，并在该函数中删除位图对象：CDukeDlg::~CDukeDlg(){for (int i = 0; i < 10; i++) delete m_pBmp[i];}10.1.4 启动/停止动画(设置/删除计时器)为按钮IDC_ANI_START_STOP添加单击消息响应函数：void CDukeDlg::OnBnClickedAniStartstop() {// TODO: 在此添加控件通知处理程序代码if (m_bStarted) { // 已开始动画m_bStarted = false; // 设置已开始动画为假KillTimer(1); // 取消计时器// 设置按钮文本为“开始动画”SetDlgItemText(IDC_ANI_START_STOP, L"开始动画");}else { // 未开始动画m_bStarted = true; // 设置已开始动画为真m_nCurFrame = 0; // // 设置当前帧为0// 获取编辑框中的帧速值m_nFramesPerSecond = GetDlgItemInt(IDC_N);if (m_nFramesPerSecond <= 0) // 限制最小帧速值为1m_nFramesPerSecond = 1;else if (m_nFramesPerSecond > 100) // 最大帧速值为100m_nFramesPerSecond = 100;// 用调整后帧速值重新设置编辑框的内容SetDlgItemInt(IDC_N, m_nFramesPerSecond);// 利用帧速值来设置计时器SetTimer(1, (UINT)(1000.0/m_nFramesPerSecond + 0.5), NULL);// 设置按钮文本为“停止动画”SetDlgItemText(IDC_ANI_START_STOP, L"停止动画");}}其中：●m_bStarted为布尔型类变量，用于判断动画是否已经开始播放。

在构造函数中初始化为假，在用户按了开始/停止动画按钮后取反。

●m_nCurFrame为整数型类变量，用于记录当前所要显示的位图序号，初始化为0。

●m_nFramesPerSecond也为整数型类变量，用于记录当前的每秒帧数（帧速值，范围可设为1~100）。

●SetDlgItemText函数，用于动态修改按钮上的文本。

●SetTimer用于设置计时器，它是CWnd的成员函数（所以也可在其派生的视图类和对话框类中使用），其函数原型为：UINT SetTimer( UINT nIDEvent, UINT nElapse,void (CALLBACK EXPORT* lpfnTimer)(HWND, UINT, UINT, DWORD) );⏹nIDEvent为此计时器的编号。

因为一个应用程序可以设置多个计时器，为了在响应时区分它们，必须各有一个编号。

简单程序的计时器一般只有一个，所以取nIDEvent = 1即可。

⏹nElapse为间隔时间，单位为毫秒(1/1000秒)。

可用表达式(UINT) (1000.0 / m_nFramesPerSecond + 0.5)，从每秒帧数计算出间隔时间的毫秒数。

⏹lpfnTimer为应用程序提供的处理WM_TIMER消息的回调函数，一般取为NULL，这时WM_TIMER消息由CWnd派生类的对应消息响应函数来处理。

●KillTimer用于删除计时器，它也是CWnd的成员函数，其函数原型为：BOOL KillTimer( int nIDEvent );在设置了计时器后，系统会按指定的时间间隔发送WM_TIMER消息给应用程序窗口，程序员可在计时器消息响应函数OnTimer中作需要的处理，在本程序中是显示当前位图。

10.1.5 绘制动画(响应计时器消息)为CDukeDlg类的WM_TIMER消息添加响应函数：void CDukeDlg::OnTimer(UINT nIDEvent) {// TODO: 在此添加消息处理程序代码和/或调用默认值CDC *pDC = GetDlgItem(IDC_ANI)->GetDC(); // 获取图片框DCCDC dc; // 定义内存DCdc.CreateCompatibleDC(pDC); // 创建兼容DCdc.SelectObject(m_pBmp[m_nCurFrame]); // 选入当前帧位图pDC->BitBlt(0, 0, m_bs.bmWidth, m_bs.bmHeight, &dc,0, 0, SRCCOPY); // 显示当前帧位图m_nCurFrame++; // 当前帧加一（设置下一次要显示的位图序号）m_nCurFrame %= 10; // 当前帧余10（避免超出位图数组，实现循环）CDialog::OnTimer(nIDEvent);}结果如图10-3所示。