C# 圖形開發起步：自訂控件架構與 Graphics 畫布觀念（第五講·上）

軟體設計藍圖

• 繼承 UserControl 建立 EllipseButton。
• 覆寫 OnPaint 繪製介面。
• 覆寫 OnMouseMove、OnMouseEnter、OnMouseLeave 實作動態效果。
• 覆寫 OnClick 處理非矩形點擊判定並觸發事件。

專案建立與命名空間準備

1. VS.NET 2003 新建 C# Windows Forms 應用程式（便於偵錯，後期改為 Class Library 輸出 DLL）。
2. 專案自動參考 System.Drawing.dll；若非 WinForms 專案需手動加入。
3. 程式碼頂端加入 using System.Drawing;（VS 多半自動完成）。

新增使用者控件與屬性定義

public class EllipseButton : UserControl {
    // 外觀屬性
    public Color BorderColor { get; set; }
    public Color ButtonBackColor { get; set; }
    public Color HoverBorderColor { get; set; }
    public Color HoverBackColor { get; set; }
    public string Caption { get; set; }

    // 狀態旗標
    private bool bolMouseHoverFlag = false;
    // ...
}

Graphics：圖形程式的「畫布」核心

Graphics 類別封裝裝置內容（DC），提供：

• 品質控制：SmoothingMode、InterpolationMode 等。
• 繪製方法族：DrawLine/FillRectangle/DrawPath…
• 座標轉換：TranslateTransform、ScaleTransform、RotateTransform。

所有圖形輸出最終皆導向此畫布，掌握其屬性與方法即掌握 GDI+ 繪圖靈魂。

OnPaint 覆寫鐵律

protected override void OnPaint(PaintEventArgs e) {
    base.OnPaint(e); // 必須！
    // 繪圖邏輯...
}

參數 e.Graphics 即當前畫布；e.ClipRectangle 為需更新區域（本例暫不使用）。

本講小結

完成了控件骨架、屬性、繪圖環境準備。**下一講將深入 OnPaint 實作細節**，構建橢圓路徑、填充描邊、文字排版，敬請期待！