最近在做一個圖片查看器，由於使用一般的PctureBox，在性能和縮放控制上都無法滿足預期的要求，因此所有組件的呈現均是通過重寫控件的OnPaint事件來繪制。在查看gif圖片時發現Graphics.DrawImage只呈現第一幀，無法滿足預期要求，因此經過摸索尋找到了解決自繪gif的較好辦法。
這裡介紹一個.net自身攜帶的類ImageAnimator，這個類類似於控制動畫的時間軸，使用ImageAnimator.CanAnimate可以判斷一個圖片是否為動畫，調用ImageAnimator.Animate可以開始播放動畫，即每經過一幀的時間觸發一次OnFrameChanged委托，我們只要在該委托中將Image的活動幀選至下一幀再迫使界面重繪就可以實現動畫效果了。
為了方便以後的使用，我將這些代碼整合到了一起，形成一個AnimateImage類，該類提供了CanAnimate、FrameCount、CurrentFrame等屬性，以及Play()、Stop()、Reset()等動畫常用的方法，代碼如下
1 using System;
2 using System.Collections.Generic;
3 using System.Text;
4 using System.Drawing;
5 using System.Drawing.Imaging;
6
7 namespace GifTest
8 {
9 /**//// <summary>
10 /// 表示一類帶動畫功能的圖像。
11 /// </summary>
12 public class AnimateImage
13 {
14 Image image;
15 FrameDimension frameDimension;
16 /**//// <summary>
17 /// 動畫當前幀發生改變時觸發。
18 /// </summary>
19 public event EventHandler<EventArgs> OnFrameChanged;
20
21 /**//// <summary>
22 /// 實例化一個AnimateImage。
23 /// </summary>
24 /// <param name="img">動畫圖片。</param>
25 public AnimateImage(Image img)
26 {
27 image = img;
28
29 lock (image)
30 {
31 mCanAnimate = ImageAnimator.CanAnimate(image);
32 if (mCanAnimate)
33 {
34 Guid[] guid = image.FrameDimensionsList;
35 frameDimension = new FrameDimension(guid[0]);
36 mFrameCount = image.GetFrameCount(frameDimension);
37 }
38 }
39 }
40
41 bool mCanAnimate;
42 int mFrameCount = 1, mCurrentFrame = 0;
43
44 /**//// <summary>
45 /// 圖片。
46 /// </summary>
47 public Image Image
48 {
49 get { return image; }
50 }
51
52 /**//// <summary>
53 /// 是否動畫。
54 /// </summary>
55 public bool CanAnimate
56 {
57 get { return mCanAnimate; }
58 }
59
60 /**//// <summary>
61 /// 總幀數。
62 /// </summary>
63 public int FrameCount
64 {
65 get { return mFrameCount; }
66 }
67
68 /**//// <summary>
69 /// 播放的當前幀。
70 /// </summary>
71 public int CurrentFrame
72 {
73 get { return mCurrentFrame; }
74 }
75
76 /**//// <summary>
77 /// 播放這個動畫。
78 /// </summary>
79 public void Play()
80 {
81 if (mCanAnimate)
82 {
83 lock (image)
84 {
85 ImageAnimator.Animate(image, new EventHandler(FrameChanged));
86 }
87 }
88 }
89
90 /**//// <summary>
91 /// 停止播放。
92 /// </summary>
93 public void Stop()
94 {
95 if (mCanAnimate)
96 {
97 lock (image)
98 {
99 ImageAnimator.StopAnimate(image, new EventHandler(FrameChanged));
100 }
101 }
102 }
103
104 /**//// <summary>
105 /// 重置動畫，使之停止在第0幀位置上。
106 /// </summary>
107 public void Reset()
108 {
109 if (mCanAnimate)
110 {
111 ImageAnimator.StopAnimate(image, new EventHandler(FrameChanged));
112 lock (image)
113 {
114 image.SelectActiveFrame(frameDimension, 0);
115 mCurrentFrame = 0;
116 }
117 }
118 }
119
120 private void FrameChanged(object sender, EventArgs e)
121 {
122 mCurrentFrame = mCurrentFrame + 1 >= mFrameCount ? 0 : mCurrentFrame + 1;
123 lock (image)
124 {
125 image.SelectActiveFrame(frameDimension, mCurrentFrame);
126 }
127 if (OnFrameChanged != null)
128 {
129 OnFrameChanged(image, e);
130 }
131 }
132 }
133}
134
使用如下方法調用：
using System;
using System.Collections.Generic;
using System.ComponentModel;
using System.Data;
using System.Drawing;
using System.Drawing.Imaging;
using System.Text;
using System.Windows.Forms;
namespace GifTest
{
public partial class Form1 : Form
{
AnimateImage image;
public Form1()
{
InitializeComponent();
image = new AnimateImage(Image.FromFile(@"C:\Documents and Settings\Administrator\My Documents\My Pictures\未命名.gif"));
image.OnFrameChanged += new EventHandler<EventArgs>(image_OnFrameChanged);
SetStyle(ControlStyles.OptimizedDoubleBuffer | ControlStyles.AllPaintingInWmPaint | ControlStyles.UserPaint, true);
}
void image_OnFrameChanged(object sender, EventArgs e)
{
Invalidate();
}
private void Form1_Load(object sender, EventArgs e)
{
image.Play();
}
private void Form1_Paint(object sender, PaintEventArgs e)
{
lock (image.Image)
{
e.Graphics.DrawImage(image.Image, new Point(0, 0));
}
}
private void button1_Click(object sender, EventArgs e)
{
if (button1.Text.Equals("Stop"))
{
image.Stop();
button1.Text = "Play";
}
else
{
image.Play();
button1.Text = "Stop";
}
Invalidate();
}
private void button2_Click(object sender, EventArgs e)
{
image.Reset();
button1.Text = "Play";
Invalidate();
}
}
}
有點不完美的地方，在Paint事件中，必須鎖定Image，否則很容易出現“對象當前正在其他地方使用。”的異常，因為AnimateImage也在使用這個Image對象。如果你有更好的解決辦法，歡迎給我留言~~
