亚洲国产高清在线,午夜免费在线电影,成人午夜视

創建基于.NET Framework 精簡版的動畫控件

轉帖|其它|編輯：郝浩|2010-09-16 13:55:22.000|閱讀 543 次

概述：在最近的項目中，有一項要求是在 Microsoft .NET Framework 精簡版的 Windows 窗體中顯示動畫 GIF。.NET Framework 精簡版的 1.0 版沒有顯示動畫 GIF 文件的功能，也不包含 .NET Framework 完整版中的 ImageAnimator 輔助類。通過 ImageAnimator 類可以為基于時間幀的圖像制作動畫。

# 界面/圖表報表/文檔/IDE等千款熱門軟控件火熱銷售中 >>

簡介

　　在最近的項目中，有一項要求是在 Microsoft.NET Framework 精簡版的 Windows窗體中顯示動畫 GIF。.NET Framework 精簡版的 1.0 版沒有顯示動畫 GIF 文件的功能，也不包含 .NET Framework 完整版中的 ImageAnimator 輔助類。通過 ImageAnimator 類可以為基于時間幀的圖像制作動畫。

　　盡管可以編寫 C# 代碼讀取 GIF86a 格式的動畫 GIF，但是我在程序中選擇了一種更簡單直觀的方法來顯示動畫。

創建情節

　　如果您在選定的 GIF 編輯器中打開一個動畫 GIF，將會看到此文件是由相互銜接的多個圖像（幀）組成的：

圖 1:動畫幀

　　這些圖像以壓縮格式存儲，并附帶有關大小、數量和幀之間的延遲時間的信息。這些信息由顯示動畫的程序讀取。

　　許多 GIF 編輯器允許您將圖像幀提取到順序排列的“故事板”中：

圖 2：故事板

　　我將故事板保存在一個位圖文件中，后來將此文件轉換為 GIF 格式，因為此格式的文件在 .NET Framework 精簡版中占用的內存較少。現在我要向您演示如何使用此圖像創建基于 .NET Framework 精簡版的“動畫”控件。

　　我們所使用的讓此位圖動起來的方法相當簡單。它基于這樣一個事實，當您在 .net Framework 精簡版中使用圖像時，不必顯示載入內存的整個圖像。graphics.DrawImage 方法的一個重載方法將 Rectangle 對象作為參數接受。我們就用這個矩形將故事板位圖中的每個圖像作為幀來處理。通過移動幀矩形的位置，我們可以動態載入要在窗體中顯示的位圖的不同部分。

　　我們向 .NET 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 方法來繪制這些幀：

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。

　　還有不少其他選項可以提供同樣的功能，例如使用 System.Threading.Timer 或是創建一個單獨的線程也可以達到相同的目的；但是使用 System.Windows.Forms.Timer 更簡單方便。在控件的構造函數中添加以下代碼：

public AnimateCtl()
{
//緩存 Graphics 對象
graphics = this.CreateGraphics();
//實例化 Timer
fTimer = new System.Windows.Forms.Timer();
//與 Timer 的 Tick 事件掛鉤
fTimer.Tick += new System.EventHandler(this.timer1_Tick);
}

　　在構造函數中，我們從控件的實例中緩存 Graphics 對象并創建一個新的 Timer 實例，然后將其與 Timer 的 Tick 事件掛鉤。現在已經可以插入 StartAnimation 方法，以便實際啟動動畫：

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

frameWidth = frWidth;
//循環次數
loopCount = LoopCount;
//重置循環計數器
loopCounter = 0;
//計算 frameCount
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
loopCounter++;
currentFrame = 0;
}
Draw(currentFrame);
}

　　在上面代碼的 timer1_Tick 事件中，我們檢查 loopCount 以跟蹤已繪制的循環次數，并將其與調用 StartAnimation 方法時捕獲的 loopCounter 相比較。

　　我們已經完成了 AnimateCtl，現在可以進行測試。第一步，必須將帶有“故事板”的圖像文件添加到您的項目中?？梢酝ㄟ^將此文件變為嵌入的資源或僅通知 Visual Studio .net 2003 將此文件作為項目的一部分進行復制來完成此任務。在 Solution Explorer（解決方案資源管理器）中的項目上單擊鼠標右鍵，并在彈出式菜單中選擇 Add Existing Item...（添加現有項...）。瀏覽到圖像文件并確保此文件的 Build Action（生成操作）屬性已被設置為 Content（內容）。

　　現在，在窗體的構造函數中插入以下代碼：

public Form1()
{
//
// Windows Form Designer（Windows 窗體設計器）支持所需
//
InitializeComponent();

//實例化控件
animCtl = new AnimateCtl();
//從圖像文件指定 Bitmap
animCtl.Bitmap = new Bitmap(@"\Program
Files\AnimateControl\guestbk.gif");
//設置位置
animCtl.Location = new Point(50, 50);
//將控件添加到窗體
this.Controls.Add(animCtl);
}

　　在上面的代碼中，我們使用從圖像文件中創建的 Bitmap 對象指定動畫控件的 Bitmap 屬性。

　　在設計器的窗體上放置兩個按鈕，并將以下代碼添加到它們的 Click 事件中：

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();
}

　　運行項目并點擊 Start Animation（啟動動畫）按鈕，您就可以看到動畫了：

圖 3:最終產品