【IT168 专稿】

  添加对动态GIF动画的支持

  为了实现使用ActiveX控件显示动态的进度条GIF动画，我们将使用Oleg Bykov在CodeProject的一篇文章中创建的类CPictureEx。具体的文章地址，请查阅本文最后的参考资料。

  第一篇：步步学ACTIVEX网页控件开发:创建控件

  首先，我们需要将源代码文件pictureex.cpp和pictureex.h添加到我们的项目中。选择Visual Studio 2005 IDE中的“解决方案浏览器”，在源代码窗口中点击“Header Files or Source Files”，然后点击右键，在弹出的上下文菜单中选择“Add”->“Existing Item”，在文件选择对话框中，选中我们需要的源代码文件添加到项目中。

  默认情况下，Visual Studio 2005本身是不支持GIF资源的。如果你尝试着添加一个GIF资源，它将弹出一个错误窗口报告说这个文件不是一个合法的GIF文件。为了添加一个动态的GIF动画资源，我们需要做一些额外的工作。请按照下面的步骤添加GIF资源：

  1.复制GIF文件ProcessingProgressBar.gif到你的项目目录，然后将其扩展名修改为“gaf”。在资源视图中，右键单击MyActiveX.rc，然后选择“Add Resource”。在弹出的添加资源对话框中，点击“Import”按钮，然后选择ProcessingProgressBar.gaf。

  在“自定义资源类型”对话框中，填入“GIF”作为资源类型。这样我们就可以将GIF图像文件导入到项目中作为资源了。你可以在资源视图的“GIF”目录下中找到我们刚刚导入的GIF图像文件。选中这个GIF图像资源，然后将它的ID由默认的IDR_GIF1修改为IDR_PROGRESSBAR。

  2.在上一步中，我们使用“gaf”作为文件扩展名绕过了Visual Studio对GIF资源文件的检查。现在，我们需要做一些事情将这个“错误”修正过来，使得GIF图像文件能够正常工作。首先，在Visual Studio 2005中保存MyActiveX.rc。然后打开项目目录，用记事本直接打开资源文件MyActiveX.rc，然后找到IDR_PROGRESSBAR的定义行。这里我们需要将文件名修改为“ProcessingProgressBar.gif”。同样的，将项目目录下的GIF资源文件的文件名修改为“ProcessingProgressBar.gif”。

  接着，保存记事本中的MyActiveX.rc。这时，Visual Studio将报告说MyActiveX.rc被外部程序修改，点击“Yes”重载这个资源文件。最后，选中“解决方案浏览器”中的“ProcessingProgressBar.gaf”，在它的属性对话框中，将“Relative Path”修改为“ProcessingProgressBar.gif”

  添加对话框显示进度条

  现在，我们将添加一个对话框用以显示进度条：

  1.在资源视图中，右键点击对话框节点，在上下文菜单中选择“Insert Dialog”创建一个新的默认对话框。
  2.删除对话框模板上我们不需要的“OK”和“Cancel”按钮，然后将对话框的尺寸调整为230 x 40。
  3.然后，我们对对话框的属性做一些必要的修改，使它更适合于用来显示进度条：Border – None, Style – Child, System Menu – False, Visible – True。
  4.将对话框的ID修改为IDD_MAINDIALOG。
  5.在对话框上添加一个图像控件（Picture Control）。将图像控件的尺寸调整为200 x 20，然后将其ID修改为IDC_PROGRESSBAR。同时，将其颜色属性修改为白色(White)。
  6.最后，我们需要为对话框资源创建一个新的类。在对话框资源上右键单击，在弹出的菜单中选择“Add Class”，在接着出现的“MFC类向导”对话框中，我们将新的类命名为CMainDialog，基类设置为CDialog，点击“Finish”完成类的创建。

图3 创建新的对话框类CMainDialog

  现在，我们来为这个新创建的对话框类添加成员变量。成员变量m_MainDialog对应于类CMainDialog，而m_ProgressBar对应于我们刚刚添加的进度条显示控件。

  1.为类CMyActiveXCtrl添加成员变量m_MainDialog。选择类视图，在类CMyActiveXCtrl的节点上点击右键，在上下文菜单中选择“Add”->“ Add Variable”，然后输入CMainDialog作为变量类型，输入m_MainDialog作为变量名。

  2.跟上面的步骤一样，我们为类CMainDialog添加成员变量m_ProgressBar。输入CPictureEx作为变量类型，m_ProgressBar作为变量名。同时，选中“Control variable”复选框，使其成为一个控件变量。在“Control ID”下拉列表中，确认控件的ID为“IDC_PROGRESSBAR”。具体设置如下图4所示：

图4 添加成员变量m_ProgressBar