C# 圖片動畫顯示技巧（一）：基礎架構與圖片載入

系列簡介

參考 PowerPoint 簡報動畫效果，使用 GDI+ 實作 10 種圖片動畫顯示方式。所有動畫邏輯封裝在 PictureBox 控制項上，共用基礎架構程式碼。

共用基礎類別與欄位

public partial class MainForm : Form
{
    private Bitmap _sourceBitmap; // 原始尺寸
    private Bitmap _displayBitmap; // 縮放至 PictureBox 尺寸

    private void btnLoadImage_Click(object sender, EventArgs e)
    {
        using (var dlg = new OpenFileDialog())
        {
            dlg.Filter = "圖片檔案|*.jpg;*.jpeg;*.gif;*.bmp;*.tif;*.tiff;*.png|所有檔案|*.*";
            if (dlg.ShowDialog() == DialogResult.OK)
            {
                _sourceBitmap = new Bitmap(dlg.FileName);
                _displayBitmap = new Bitmap(_sourceBitmap, pictureBox1.Width, pictureBox1.Height);
                pictureBox1.Image = _displayBitmap;
            }
        }
    }
}

動畫執行模式

每個動畫對應一個按鈕 Click 事件，內部使用 Graphics 直接繪製於 Panel 或 PictureBox，配合 Thread.Sleep 控制幀率。教學用途，生產環境建議使用 Timer 或 async/await Task.Delay 避免阻塞 UI 執行緒。

系列目錄

1. 基礎架構（本文）
2. 淡入效果
3. 淡出效果
4. 四周擴散
5. 分塊顯示
6. 左右對接
7. 左右反轉
8. 上下拉伸
9. 左右拉伸
10. 任意角度旋轉
11. 橢圓裁切
12. 翻轉與旋轉變換

核心 GDI+ 類別速查