VC++mfc实现edit的placeholder

源码资源网

VC++mfc实现edit的placeholder
在MFC中，`CEdit`控件本身并不直接支持占位符（Placeholder）文本功能，但我们可以通过一些方法来实现这一效果。以下是一个实现占位符的基本思路：

### 方法一：使用WM_PAINT消息绘制占位符

1. **创建自定义的CEdit控件**：
   创建一个继承自`CEdit`的自定义控件，重写`WM_PAINT`和`OnSetFocus`、`OnKillFocus`等消息处理函数。

2. **添加成员变量**：
   在自定义控件中添加一个成员变量来存储占位符文本和一个布尔值来指示是否显示占位符。

3. **重写绘制函数**：
   在`WM_PAINT`中绘制占位符文本。

4. **处理焦点事件**：
   在控件获得焦点时隐藏占位符，失去焦点时检查是否为空，如果为空则显示占位符。

### 示例代码

以下是一个简单的示例代码，演示如何实现这个功能：

```cpp
// PlaceholderEdit.h
#pragma once
#include <afxwin.h>

class CPlaceholderEdit : public CEdit
{
public:
    CPlaceholderEdit();
    void SetPlaceholderText(const CString& placeholder);

protected:
    CString m_placeholderText;
    bool m_showPlaceholder;

    afx_msg void OnPaint();
    afx_msg void OnSetFocus(CWnd* pOldWnd);
    afx_msg void OnKillFocus(CWnd* pNewWnd);
    afx_msg void OnChar(UINT nChar, UINT nRepCnt, UINT nFlags);

    DECLARE_MESSAGE_MAP()
};

// PlaceholderEdit.cpp
#include "laceholderEdit.h"

BEGIN_MESSAGE_MAP(CPlaceholderEdit, CEdit)
    ON_WM_PAINT()
    ON_WM_SETFOCUS()
    ON_WM_KILLFOCUS()
    ON_WM_CHAR()
END_MESSAGE_MAP()

CPlaceholderEdit::CPlaceholderEdit()
    : m_showPlaceholder(true)
{
}

void CPlaceholderEdit::SetPlaceholderText(const CString& placeholder)
{
    m_placeholderText = placeholder;
    Invalidate(); // 重新绘制控件
}

void CPlaceholderEdit::OnPaint()
{
    CPaintDC dc(this);
    CRect rect;
    GetClientRect(&rect);

    // 绘制占位符
    if (m_showPlaceholder)
    {
        dc.SetTextColor(RGB(150, 150, 150)); // 灰色
        dc.DrawText(m_placeholderText, &rect, DT_SINGLELINE | DT_VCENTER | DT_NOPREFIX | DT_LEFT);
    }

    // 调用基类的OnPaint以绘制文本
    CEdit:efWindowProc(WM_PAINT, (WPARAM)dc.m_hDC, 0);
}

void CPlaceholderEdit::OnSetFocus(CWnd* pOldWnd)
{
    m_showPlaceholder = false;
    Invalidate(); // 重新绘制控件
    CEdit::OnSetFocus(pOldWnd);
}

void CPlaceholderEdit::OnKillFocus(CWnd* pNewWnd)
{
    if (GetWindowTextLength() == 0)
    {
        m_showPlaceholder = true;
    }
    Invalidate(); // 重新绘制控件
    CEdit::OnKillFocus(pNewWnd);
}

void CPlaceholderEdit::OnChar(UINT nChar, UINT nRepCnt, UINT nFlags)
{
    m_showPlaceholder = false; // 用户输入时隐藏占位符
    CEdit::OnChar(nChar, nRepCnt, nFlags);
}
```

### 使用自定义控件

在你的对话框或窗口中使用这个自定义控件：

```cpp
// 在对话框的头文件中
#include "laceholderEdit.h"

class CYourDialog : public CDialogEx
{
public:
    CYourDialog(CWnd* pParent = nullptr);

protected:
    CPlaceholderEdit m_editControl;

    virtual BOOL OnInitDialog();
};

// 在对话框的实现文件中
BOOL CYourDialog::OnInitDialog()
{
    CDialogEx::OnInitDialog();

    // 创建并初始化自定义控件
    m_editControl.Create(WS_CHILD | WS_VISIBLE | WS_BORDER, CRect(10, 10, 200, 30), this, IDC_EDIT1);
    m_editControl.SetPlaceholderText(_T("请输入内容..."));

    return TRUE;
}
```

### 总结

通过创建一个自定义的`CEdit`控件并重写相关消息处理函数，我们可以实现占位符的效果。用户输入时，控件会隐藏占位符，失去焦点时如果没有输入内容则会显示占位符。你可以根据需要进一步优化和扩展这个实现。