忆龙2009:在Microsoft .NET Compact Framework上实现动画效果

介绍

在最近的一个项目中，有一个需求是在Microsoft® .NET Compact Framework Windows® 表单上实现GIF文件的动画效果。而 .NET Compact Framework V1.0并没有提供这样的功能。这样的功能只在 .NET Framework 上支持，ImageAnimator 类允许对有时间线的动画影像进行显示。

当然，我们也可以提供用 C# 代码来读取格式为GIF86a的动画GIF，我还是选择了另外一中更加简单及直接的方法来实现。

 

创建故事线

如果你提供GIF编辑器来打开一个动画GIF文件，你会看到类似下图的动画帧效果：

这些图像用压缩的方式保存，而且携带有尺寸、质量、帧间延时等信息。这些信息能够被显示动画的程序所读取。

很多GIF编辑器允许你将这些图像导出成故事线:

我把这些故事线保存成一个单独的位图文件，后面我会将其装换成GIF格式的文件，这样可以占用少一点的内存。下面我将介绍如何提供创建一个基于.NET Compact Framework的动画控件 Animationcontrol。

 

我们将采用的方法非常简单。

我们想一个 .NET Compact Framework 项目中添加AnimateCtl类，这个类从System.Windows.Forms.Control继承：

using System;

using System.Windows.Forms;

using System.Drawing;

using System.Drawing.Imaging;

public class AnimateCtl : System.Windows.Forms.Control

{

   // 在这添加类的实现

}

给类添加一个公有的 Bitmap 属性，它将用来从客户端获取位图:

private Bitmap bitmap;

public Bitmap Bitmap

{

   get

   {

return bitmap;

   }

   set

   {

      bitmap = value;

   {

{

这个控件用Graphics对象的DrawImage方法来创建一个 draw 方法：

private void Draw(int iframe)

{

      //计算剩下的位图帧

      int XLocation = iframe * frameWidth;

      Rectangle rect = new Rectangle(XLocation, 0, frameWidth,

        frameHeight);

      //画图

      graphics.DrawImage(bitmap, 0, 0, rect, GraphicsUnit.Pixel);

}

这个方法接受当前需要画图的帧号。我们据此计算出剩下的位图帧，然后画出一个方块。

我使用了System.Windows.Forms.Timer来控制循环逻辑。

public AnimateCtl()

{

   //Cache the Graphics object

   graphics = this.CreateGraphics();

   //Instantiate the Timer

   fTimer = new System.Windows.Forms.Timer();

   //Hook up to the Timer's Tick event

   fTimer.Tick += new System.EventHandler(this.timer1_Tick);

}

在构造函数中我们对Graphics对象进行了缓存，并创建了一个新的定时器实例。同时挂接好定时器事件。

public void StartAnimation(int frWidth, int DelayInterval, int LoopCount)

{

      frameWidth = frWidth;

      //循环次数

      loopCount = LoopCount;

      //复位计时器

      loopCounter = 0;

      //计算帧号

      frameCount = bitmap.Width / frameWidth;

      frameHeight = bitmap.Height;

      //设置控件的尺寸

      this.Size(frameWidth, frameHeight);

      //设置延时

      fTimer.Interval = DelayInterval;

      //启动定时器

      fTimer.Enabled = true;

}

以下是循环控制逻辑：

private void timer1_Tick(object sender, System.EventArgs e)

{

         if (loopCount == -1) //一直循环

         {

            this.DrawFrame();

         }

         else

         {

            if (loopCount == loopCounter) //停止

               fTimer.Enabled = false;  

            else

               this.DrawFrame();

         }

}

private void DrawFrame()

{

      if (currentFrame < frameCount-1)

      {

         //移动到下一帧

         currentFrame++;

      }

      else

      {

         //增加计数

         loopCounter++;

         currentFrame = 0;

      }

      Draw(currentFrame);

}

在Form's构造函数中加入以下代码:

public Form1()

{

      InitializeComponent();

      //初始化一个实例

      animCtl = new AnimateCtl();

      //加载位图文件

      animCtl.Bitmap = new Bitmap(@"/Program

        Files/AnimateControl/guestbk.gif");

      //设置位置

      animCtl.Location = new Point(50, 50);

      //将控件添加到FORM

      this.Controls.Add(animCtl);

}

private void button1_Click(object sender, System.EventArgs e)

{

      animCtl.StartAnimation(92, 100, 3);

}

private void button2_Click(object sender, System.EventArgs e)

{

      animCtl.StopAnimation();

}

当运行这个项目时我们将看到类似下面的效果: