Visual C++ 資源編輯器：對話框設計全流程指南

資源編輯器在 MFC 開發中的定位

資源編輯器是 VC++ 提供的視覺化 RAD 工具，讓開發者以「所見即所得」方式設計對話框版面、設定控件屬性、定義 Tab 順序，並自動生成 .rc 資源腳本。配合 ClassWizard，可在幾分鐘內完成「資源 → 類別 → 變量/訊息映射」的完整鏈路。

建立新對話框資源：逐步操作

1. 資源視圖 中右鍵專案資源檔（Project.rc）→ Insert Resource... → 選 Dialog → New。
2. 編輯器開啟空白對話框，工具箱自動顯示（Ctrl+Alt+X 可切換）。
3. 從工具箱拖曳控件至對話框，或選中控件後在對話框繪製區域拖曳矩形定位。

控件屬性設定：關鍵屬性解析

右鍵控件 → Properties，重要分頁：

對話框本身屬性設定

點選對話框空白處（或標題列）→ Properties：

• Caption：標題列文字。
• Font：預設字型（影響所有子控件），建議使用系統預設 MS Shell Dlg 以支援 DPI 縮放。
• Style：WS_CAPTION、WS_SYSMENU（系統選單）、DS_MODALFRAME（模態邊框）等。
• More Styles：DS_CENTER（螢幕置中）、DS_CONTEXTHELP（標題列說明按鈕）。

圖片控件顯示圖示/位圖

1. 工具箱選 Picture Control 放置。
2. Properties → Type 選 Icon 或 Bitmap。
3. Image 下拉選擇資源中已匯入的圖示/位圖 ID（如 IDI_ICON1、IDB_BITMAP1）。
4. 勾選 Center Image、Real Size Image 依需求調整。

完成版面示例

Tab Order（Tab 鍵焦點順序）設定

預設依控件建立順序（ID 順序）巡覽，實際專案常需調整：

1. 選單 Layout → Tab Order（或 Ctrl+D）。
2. 滑鼠依所需順序**逐一點擊**控件，編號會自動更新。
3. 按 Esc 結束模式。

提示：靜態文字（Static Text）通常不需 Tab Stop，取消其 Tab Stop 屬性可減少無效焦點停留。

即時測試：Ctrl+T

編輯器中按 Ctrl+T 即可啟動「測試模式」：對話框以真實視窗呈現，可操作控件、測試 Tab 順序、檢查對齊，按 Esc 返回編輯模式。無需編譯即可快速驗證版面。

從資源到代碼：ClassWizard 無縫銜接

1. 對話框資源完成後，ClassWizard (Ctrl+W) → Add Class → MFC Class from Dialog。
2. 選擇對話框 ID，基類通常選 CDialog（或 CPropertyPage、CFormView）。
3. ClassWizard 自動掃描所有控件 ID，Member Variables 頁籤即可建立變量綁定（DDX/DDV）。
4. Message Maps 頁籤自動列出每個控件支援的訊息，雙擊即可新增處理函式。

進階技巧與常見問題

• 控件 ID 命名規範：建議前綴 IDC_ + 控件類型縮寫 + 語義名（如 IDC_EDIT_USERNAME、IDC_BTN_LOGIN、IDC_COMBO_DEPT），便於 ClassWizard 識別與程式碼閱讀。
• 動態建立控件 vs 資源控件：資源編輯器建立的控件由對話框模板自動建立/銷毀；Create() 動態建立的控件需手動管理生命週期。
• 高 DPI 適配：對話框單位為「對話框單位」（DLU），非像素。字型大小改變時控件會自動縮放。若需像素級控制，請在 OnInitDialog 用 MapDialogRect 轉換。
• 資源編輯器損壞：若 .rc 檔手動編輯錯誤導致編輯器無法開啟，可用文字編輯器修復或從版控還原。
• 多語言資源：建立對應語言的資源 DLL（衛星 DLL），主程式不變，依系統語系載入不同資源。