CChart 圖表教學第十七課：DirectUI 炫彩界面庫深度整合

DirectUI 與炫彩庫介紹

炫彩界面庫 (XCGUI) 為優秀開源 DirectUI 庫，支援 VC6/VS2010，無窗口繪製架構。CChart 基於傳統窗口模型，整合後形成「混血」方案，僅右鍵選單與對話框風格差異。

整合完整流程

1. 建立空白 Win32 專案 Lesson17
2. 複製 CChart 5 檔 + 炫彩 5 檔 (xcgui.h 等)
3. 基礎炫彩視窗代碼（參考官方範例）
4. 引入 CChart 頭文件與庫
5. 宣告 CChart m_Chart;
6. Create() 中取得 HWND，呼叫 m_Chart.SetType(kTypeXY, hWnd)
7. 生成兩組帶雜訊的正弦/抛物線曲線
8. 註冊 7 個視窗訊息至自訂處理函數（OnWndPaint 等）
9. 繪圖回調中計算偏移修正（炫彩標題欄佔用客戶區）
10. 互動訊息處理轉呼 m_Chart.OnLButtonDown 等並觸發 XWnd_RedrawWnd

關鍵技術點

• 炫彩主視窗全為客戶區，繪圖需加偏移 dx, dy
• XCGUI_RegWndMessage 註冊原生訊息回調
• 滑鼠座標需 ClientToScreen 轉換供 OnContextMenu 使用

成果展示

完美融合的炫彩視窗內嵌 CChart 圖表：

右鍵選單保持原生風格：

屬性對話框為混血風格：

代碼量看似較大，實則多為可複製樣板，邏輯清晰易維護。