用 VC++ 打造具動態換膚功能的工具列應用程式

前言：為什麼需要動態換膚？

動態換膚能讓使用者依喜好切換介面風格，提升軟體吸引力。傳統作法多在對話方塊貼圖片，技術門檻低但彈性有限。本文介紹以 CReBar（復合條）搭配透明工具列 實現類似 IE 瀏覽器的專業級換膚技術。

核心架構：CReBar + 透明 CToolBar

• CReBar：不直接顯示內容，作為容器承載多個工具列（ToolBar、DialogBar 等）。
• 皮膚繪製原理：在 ReBar 背景平鋪位圖，上層工具列設為透明（TBSTYLE_TRANSPARENT），使背景圖片透出。
• 建立步驟：
  1. 專案建立時勾選「Internet Explorer ReBars」，自動產生 ReBar 架構。
  2. 移除不需要的 DialogBar（m_wndDlgBar）。
  3. 建立工具列時指定 TBSTYLE_FLAT | TBSTYLE_TRANSPARENT 風格。
  4. 呼叫 m_wndReBar.AddBar() 將透明工具列加入 ReBar。

皮膚載入與動態更換流程

1. 從檔案載入位圖到記憶體

m_bmpBack = (HBITMAP)::LoadImage(
    AfxGetInstanceHandle(),
    _T("back.bmp"),
    IMAGE_BITMAP, 0, 0,
    LR_LOADFROMFILE | LR_CREATEDIBSECTION
);

2. 設定 REBARBANDINFO 將位圖平鋪於 ReBar 背景

CReBarCtrl& rc = m_wndReBar.GetReBarCtrl();
REBARBANDINFO info = {0};
info.cbSize = sizeof(info);
info.fMask = RBBIM_BACKGROUND; // 指定 hbmBack 有效
info.hbmBack = (m_bmpBack != INVALID_HANDLE_VALUE) ? m_bmpBack : NULL;
rc.SetBandInfo(0, &info);
rc.UpdateWindow();

3. 動態換膚：覆蓋檔案 + 重新載入

// 使用者選擇新皮膚檔案後
::CopyFile(newSkinPath, _T("back.bmp"), FALSE); // FALSE = 覆蓋現有檔案
// 重複上述載入與 SetBandInfo 步驟即可即時生效

關鍵技術細節

總結

透過 CReBar 容器特性與工具列透明化，即可在 VC++ 中實現專業級動態換膚。此架構擴充性佳，可進一步支援多重工具列、狀態列換膚等進階需求。