C++ Builder 製作漸變色進度條

利用兩張漸變圖片交替移動模擬 Windows 2000 風格進度條

製作一張寬 300、高 20 的左右漸變圖片 (左邊顏色 = 右邊顏色，如橙-黃-橙)，放入兩個 TImage 並排，以 TTimer 定時移動圖片位置形成流動效果。

圖片製作要點

• Photoshop 使用「線性漸變工具」，選擇首尾顏色相同的漸變預設。
• 按住 Shift 從最左邊水平拉到最右邊，確保兩端顏色一致，避免接縫明顯。
• 存為 BMP 或 JPG。

程式碼

FormShow 初始化

Image1->Top = 0;  Image1->Left = 0;
Image1->Height = Panel1->Height; Image1->Width = Panel1->Width;
Image1->Stretch = true;

Image2->Top = 0;  Image2->Left = -Panel1->Width; // 緊接在 Image1 左側
Image2->Height = Panel1->Height; Image2->Width = Panel1->Width;
Image2->Stretch = true;

Timer OnTimer (Interval=10)

Image1->Left++;
if (Image1->Left == Image1->Width) Image1->Left = -Image1->Width;

Image2->Left++;
if (Image2->Left == Image1->Width) Image2->Left = -Image1->Width;

介面配置

• TPanel (BorderStyle=bsSingle) 作為進度條容器。
• 兩個 TImage 置於 Panel 內，Picture 指定同一張漸變圖。
• TTimer Interval=10 (約 100 FPS)。

效果

兩張圖片無縫循環左移，產生平滑流動的漸變進度條動畫，資源佔用極低。