C++Builder 實現窗體漸變背景：RGB 線性插值繪製垂直漸變

漸變背景能顯著提升 UI 視覺質感。本文演示在 C++Builder 中通過 OnPaint 事件，利用 RGB 宏與線性插值算法，逐行繪製垂直方向顏色漸變，並支持運行時通過 TColorDialog 動態選擇起止顏色。

核心算法：RGB 分量線性插值

設窗體寬度 W，起始色 Cstart = (Rs, Gs, Bs)，結束色 Cend = (Re, Ge, Be)。第 x 條垂直線 (0 ≤ x < W) 的顏色：

R(x) = Rs + (Re - Rs) * x / W
G(x) = Gs + (Ge - Gs) * x / W
B(x) = Bs + (Be - Bs) * x / W

完整實現步驟

1. 表單變量聲明 (Unit1.h)

private:
    TColor StartColor, EndColor;  // 起止顏色

2. OnCreate：彈出顏色對話框選擇起止色

void __fastcall TForm1::FormCreate(TObject *Sender) {
    if (ColorDialog1->Execute()) StartColor = ColorDialog1->Color;
    if (ColorDialog1->Execute()) EndColor   = ColorDialog1->Color;
}

3. OnPaint：逐行繪製漸變線

void __fastcall TForm1::FormPaint(TObject *Sender) {
    float w = Width;
    int rs = GetRValue(StartColor), gs = GetGValue(StartColor), bs = GetBValue(StartColor);
    int re = GetRValue(EndColor),   ge = GetGValue(EndColor),   be = GetBValue(EndColor);

    float dr = (re - rs) / w;
    float dg = (ge - gs) / w;
    float db = (be - bs) / w;

    for (int x = 0; x < Width; ++x) {
        Canvas->Pen->Color = TColor(RGB(
            rs + int(dr * x),
            gs + int(dg * x),
            bs + int(db * x)
        ));
        Canvas->MoveTo(x, 0);
        Canvas->LineTo(x, Height);
    }
}

擴展：更多漸變模式

性能優化建議

• 🎯 **離屏繪製**：在 TBitmap 上繪製完畢再 Canvas->Draw(0,0,bmp)，避免閃爍並加速；
• 🎯 **緩存漸變圖**：顏色不變時復用位圖，僅在 Resize 或顏色改變時重繪；
• 🎯 **使用 GradientFill API** (Windows 2000+)：系統級硬件加速漸變，代碼更簡潔；
• 🎯 **FMX 框架下直接用 TBrush.Gradient** 跨平台無痛實現。

常見坑點

• ⚠️ RGB 宏參數須為 0-255 整數，浮點插值結果需 int() 截斷；
• ⚠️ GetRValue/G/BValue 參數為 TColor (實為 DWORD)，高位若非 0 會干擾，確保顏色來自 ColorDialog 或 clRed 等常量；
• ⚠️ OnPaint 中避免耗時操作，否則導致界面卡頓。

掌握像素級繪製基礎，即可構建任意自定義視覺效果，為 C++Builder 應用賦予現代化 UI 風格。