如何在VS 2013的MFC对话框客户区添加类MS Paint的取色器

嘿，刚好之前在VS2013的MFC项目里做过类似的取色器，完全可以实现和MS Paint风格一致的效果，不用依赖系统自带的颜色对话框。下面给你一步步拆解实现方法：

我们可以做两种形式的取色器：一种是类似Paint的悬浮式取色弹窗，另一种是直接嵌入主对话框客户区的固定取色控件。这里优先推荐悬浮弹窗，更贴近Paint的操作体验。

1. 创建悬浮取色器对话框 #

首先在VS2013里新建一个CDialogEx派生类（比如CColorPickerDlg），设置窗口风格为WS_POPUP | WS_BORDER，去掉标题栏，这样外观更接近Paint的取色器。然后在对话框上添加这些控件：

• 一个静态控件（ID设为IDC_STATIC_COLOR_PREVIEW）：用来实时显示当前拾取的颜色
• 一个按钮（ID设为IDC_BTN_PICK）：触发屏幕取色操作
• 可选：一排小静态控件作为常用颜色预设，点击直接选中对应颜色

2. 核心取色逻辑实现 #

关键是捕获全局鼠标、获取屏幕像素颜色，代码直接写在CColorPickerDlg类里：

成员变量先声明 #

在头文件里添加：

private:
    bool m_bIsCapturing;  // 是否处于取色状态
    COLORREF m_currColor; // 当前拾取的颜色

在构造函数里初始化：m_bIsCapturing = false; m_currColor = RGB(0,0,0);

取色按钮点击事件 #

void CColorPickerDlg::OnBnClickedBtnPick()
{
    m_bIsCapturing = true;
    // 隐藏取色器，避免遮挡取色区域
    ShowWindow(SW_HIDE);
    // 捕获全局鼠标，确保所有鼠标消息都能被我们接收
    SetCapture();
    // 切换成十字光标，和Paint一致
    SetCursor(LoadCursor(NULL, IDC_CROSS));
}

处理全局鼠标消息 #

重写PreTranslateMessage来拦截鼠标事件：

BOOL CColorPickerDlg::PreTranslateMessage(MSG* pMsg)
{
    if (m_bIsCapturing)
    {
        switch(pMsg->message)
        {
            case WM_MOUSEMOVE:
            {
                // 获取屏幕DC，读取当前鼠标位置的像素颜色
                HDC hdcScreen = GetDC(NULL);
                m_currColor = GetPixel(hdcScreen, pMsg->pt.x, pMsg->pt.y);
                ReleaseDC(NULL, hdcScreen); // 一定要释放DC，避免资源泄漏
                
                // 更新颜色预览控件
                CRect previewRect;
                GetDlgItem(IDC_STATIC_COLOR_PREVIEW)->GetClientRect(previewRect);
                CDC* pPreviewDC = GetDlgItem(IDC_STATIC_COLOR_PREVIEW)->GetDC();
                pPreviewDC->FillSolidRect(previewRect, m_currColor);
                GetDlgItem(IDC_STATIC_COLOR_PREVIEW)->ReleaseDC(pPreviewDC);
                break;
            }
            case WM_LBUTTONDOWN:
            {
                // 左键确认取色
                m_bIsCapturing = false;
                ReleaseCapture(); // 释放鼠标捕获
                SetCursor(LoadCursor(NULL, IDC_ARROW)); // 恢复默认光标
                ShowWindow(SW_SHOW); // 显示取色器
                
                // 把选中的颜色传递给主对话框（自定义消息）
                CWnd* pParent = GetParent();
                if (pParent)
                {
                    pParent->SendMessage(WM_USER + 100, 0, (LPARAM)m_currColor);
                }
                break;
            }
            case WM_RBUTTONDOWN:
            {
                // 右键取消取色
                m_bIsCapturing = false;
                ReleaseCapture();
                SetCursor(LoadCursor(NULL, IDC_ARROW));
                ShowWindow(SW_SHOW);
                break;
            }
        }
        return TRUE; // 拦截消息，不传递给父窗口
    }
    return CDialogEx::PreTranslateMessage(pMsg);
}

3. 在主对话框中调用取色器 #

在主对话框的某个按钮点击事件里（比如“打开取色器”按钮）创建并显示悬浮取色器：

void CMainDlg::OnBnClickedBtnOpenPicker()
{
    static CColorPickerDlg dlg(this); // 静态变量避免重复创建
    dlg.SetWindowPos(NULL, GetCursorPos().x, GetCursorPos().y, 0,0, SWP_NOSIZE | SWP_NOZORDER);
    dlg.DoModal();
}

同时在主对话框里处理自定义消息，接收选中的颜色：

// 头文件里声明消息处理函数
afx_msg LRESULT OnSetColor(WPARAM wParam, LPARAM lParam);

// 消息映射
BEGIN_MESSAGE_MAP(CMainDlg, CDialogEx)
    ON_MESSAGE(WM_USER + 100, OnSetColor)
END_MESSAGE_MAP()

// 处理函数
LRESULT CMainDlg::OnSetColor(WPARAM wParam, LPARAM lParam)
{
    COLORREF selectedColor = (COLORREF)lParam;
    // 这里可以用选中的颜色做后续操作，比如绘制到客户区
    CDC* pDC = GetDC();
    pDC->FillSolidRect(CRect(100,100,200,200), selectedColor);
    ReleaseDC(pDC);
    return 0;
}

4. 优化细节，贴近Paint风格 #

• 给常用颜色预设添加点击事件，直接设置m_currColor并传递给主窗口
• 给颜色预览控件添加边框：在OnInitDialog里给静态控件设置SS_SUNKEN风格
• 实时显示RGB值：添加三个编辑框，在鼠标移动时更新GetRValue(m_currColor)等值
• 处理高DPI：如果你的程序需要支持高分辨率屏幕，要用GetDpiForWindow()转换鼠标坐标

内容的提问来源于stack exchange，提问作者augustya kumar