C# GDI+ 進階繪圖程式設計：裝置環境、Graphics 物件、重繪機制與雙緩衝

GDI+ 存在意義

Windows 抽象視訊卡差異：應用程式呼叫 GDI+ API → GDI+ 內部轉發至特定顯示驅動程式。開發者無需關心數百種顯示卡指令集。同樣 API 亦支援印表機、記憶體位圖等裝置，實現「螢幕所見即列印所得」。

核心物件：Graphics (裝置環境 DC 封裝)

• 儲存裝置資訊 (解析度、色彩深度、實體尺寸)
• 將繪圖指令轉換為裝置命令
• 提供 ClipBounds、Transform、CompositingMode 等進階狀態

啟動時繪圖 Demo (教學用，非最佳實務)

public Form1() {
    InitializeComponent();
    BackColor = Color.White; // 設計師自動產生

    using (var g = CreateGraphics()) {
        Show(); // 確保視窗句柄有效
        var bluePen = new Pen(Color.Blue, 3);
        g.DrawRectangle(bluePen, 0, 0, 50, 50);
        var redPen = new Pen(Color.Red, 2);
        g.DrawEllipse(redPen, 0, 50, 80, 60);
    }
}
// 座標原點：客戶區左上角 (0,0)，X 右、Y 下

重繪機制與常見坑

• 視窗被遮擋 → Windows 捨棄該區像素 (釋放記憶體)。
• 遮擋移除 → Windows 發送 WM_PAINT → 觸發 OnPaint / Paint 事件要求重繪。
• 構造函式繪圖碼不會重執行 → 圖形永久消失。

正確模式：所有繪圖邏輯集中在 OnPaint

protected override void OnPaint(PaintEventArgs e) {
    base.OnPaint(e);
    var g = e.Graphics; // 系統準備好、已套用剪裁區的 Graphics
    // 繪圖邏輯...
    g.DrawRectangle(Pens.Blue, 0, 0, 50, 50);
    g.DrawEllipse(Pens.Red, 0, 50, 80, 60);
}

Invalidate / Update / Refresh 三兄弟

雙緩衝：消除閃爍

public Form1() {
    InitializeComponent();
    // 雙緩衝三件套
    SetStyle(ControlStyles.OptimizedDoubleBuffer |
             ControlStyles.AllPaintingInWmPaint |
             ControlStyles.UserPaint, true);
    // 或簡單啟用
    this.DoubleBuffered = true;
}

原理：離屏位圖繪圖完成一次性 BitBlt 到螢幕，避免使用者看到中間狀態。

進階繪圖類別速查

列印支援

var pd = new PrintDocument();
pd.PrintPage += (s, e) => {
    // e.Graphics 即為印表機裝置的 Graphics
    e.Graphics.DrawString("Hello Printer", Font, Brushes.Black, 100, 100);
};
pd.Print(); // 彈出列印對話框並輸出

同一套繪圖邏輯，傳入螢幕 Graphics 顯示，傳入印表機 Graphics 列印 — 體現 GDI+ 裝置獨立核心價值。