自定义文本框控件

Question

在Visual Studio中是否可能创建一个像这样的文本框：

- gjjansen97

---

如果你正在使用winforms，你可以向文本框添加水印（用户名）... - Glory Raj

点击文本框后，文本是否会像 Stack Overflow 的搜索框一样消失？ - Ash Burlaczenko

很高兴它对你起作用了 :) - Owais Qureshi

Answer 1

实际上，更好的解决方案是简单地使用文本框的Paint事件来绘制字符串。

以下是代码：

class CueTextBox : TextBox
{
    public event EventHandler CueTextChanged;
    private string _cueText;

    public string CueText
    {
        get { return _cueText; }
        set
        {
            value = value ?? string.Empty;
            if (value != _cueText)
            {
                _cueText = value;
                OnCueTextChanged(EventArgs.Empty);
            }
        }
    }

    public CueTextBox()
        : base()
    {
        _cueText = string.Empty;
    }

    protected virtual void OnCueTextChanged(EventArgs e)
    {
        this.Invalidate(true);
        if (this.CueTextChanged != null)
            this.CueTextChanged(this, e);
    }

    protected override void OnPaint(PaintEventArgs e)
    {
        base.OnPaint(e);

        if (string.IsNullOrEmpty(this.Text.Trim()) && !string.IsNullOrEmpty(this.CueText) && !this.Focused)
        {
            Point startingPoint = new Point(0, 0);
            StringFormat format = new StringFormat();
            Font font = new Font(this.Font.FontFamily.Name, this.Font.Size, FontStyle.Italic);
            if (this.RightToLeft == RightToLeft.Yes)
            {
                format.LineAlignment = StringAlignment.Far;
                format.FormatFlags = StringFormatFlags.DirectionRightToLeft;
            }
            e.Graphics.DrawString(CueText, font, Brushes.Gray, this.ClientRectangle, format);
        }
    }

    const int WM_PAINT = 0x000F;
    protected override void WndProc(ref Message m)
    {
        base.WndProc(ref m);
        if (m.Msg == WM_PAINT)
        {
            this.OnPaint(new PaintEventArgs(Graphics.FromHwnd(m.HWnd), this.ClientRectangle));
        }
    }
}

现在，你需要做的就是将“CueText”属性设置为你想要的初始值，然后就完成了！

- Nissim

---

不错的建议，但对新手来说有点复杂 :) - Owais Qureshi

这样做可以避免修改文本框的“Text”属性，从而导致意外结果。在我的解决方案中，文本只是绘制在文本框区域上，您可以放心使用“Text”属性，不必担心任何问题。 - Nissim

我个人很喜欢你的解决方案 :) - Owais Qureshi

我喜欢你的方法，虽然你应该始终调用Dispose方法来释放由FromHwnd方法创建的Graphics和相关资源。因此，我建议使用以下代码:using (Graphics g = Graphics.FromHwnd(m.HWnd)) { this.OnPaint(new PaintEventArgs(g, this.ClientRectangle)); } - Ricardo González

Answer 2

您只需要处理三个文本框事件，在设计器中将文本框的文本设置为“用户名”，并使其字体倾斜，然后将文本框背景颜色设置为浅黄色，其余由事件处理程序处理...

     private void textBox1_TextChanged(object sender, EventArgs e)
    {
        if (textBox1.Text == "")
            ChangeTextBoxtoWatermark();
    }

    private void textBox1_MouseEnter(object sender, EventArgs e)
    {
        if (textBox1.Text == "username")
        {
            textBox1.Text = "";
            textBox1.Font = new Font(this.Font, FontStyle.Regular);
            textBox1.BackColor = Color.White;
        }
    }

    private void textBox1_MouseLeave(object sender, EventArgs e)
    {
        if (textBox1.Text == "")
            ChangeTextBoxtoWatermark();
    }

    private void ChangeTextBoxtoWatermark()
    {
        textBox1.Font = new Font(this.Font, FontStyle.Italic);
        textBox1.BackColor = Color.LightYellow;
        textBox1.Text = "username";
    }

我已经检查过它，它运行正常 :)

- Owais Qureshi

---

你可以像 TextBoxToOriginal() 一样重构代码。 - Owais Qureshi