silverlight-带水印的TextBox

2022-01-30 03:06:51

在Silverlight2里面，提供了TextBox的水印WaterMark功能。但是之后的版本就把这个功能给删了。关于Silverlight2里面的水印功能可以参考这篇文章《一步一步学Silverlight 2系列（2）：基本控件》。之后想用水印唯有自己写一个了。

以下是我自己写的一个带水印的TextBox。

1.新建类MyTextBox，继承TextBox。

2.在MyTextBox类里面，增加一个属性WaterMarkText用来保存水印。

除了增加一个属性之外，还需要增加一些保存区别于正常状态的属性的全局变量。

//水印状态
private Brush _redColor = new SolidColorBrush(Colors.Red);
private double _halfOpacity = 0.5;

//正常状态
private Brush _userColor;
private double _userOpacity;

public string WaterMarkText { get; set; }

3.并且重写OnGotFocus()和OnLostFocus()两个事件。

在TextBox里面我们可以发现这两个事件是Override标记的，所以可以重载他们。

protected override void  OnGotFocus(RoutedEventArgs e)
{
    if (this.Text == WaterMarkText)
    {
        this.Text = "";
        this.Foreground = _userColor;
        this.Opacity = _userOpacity;
    }
    base.OnGotFocus(e);
}

protected override void OnLostFocus(RoutedEventArgs e)
{
    if (this.Text.Length < 1)
    {
        this.Text = WaterMarkText;
        this.Foreground = _redColor;
        this.Opacity = _halfOpacity;
    }
    base.OnLostFocus(e);
}

4.虽然这里已经完成大部分工作了，但是还有一个重要的地方。

类似于初始化，先验检测水印是否存在，而且设置水印。这个我将代码写在SizeChanged事件里面。为什么要写在这里可以参考另外一篇文章，关于控件的生命周期的《Silverlight 的控件生命周期 - 木野狐(Neil Chen)》。另外要将_userColor和_userOpacity初始化。

SizeChanged事件的代码如下：

public MyTextBox()
{
    SizeChanged += new SizeChangedEventHandler(MyTextBox_SizeChanged);
}

void MyTextBox_SizeChanged(object sender, SizeChangedEventArgs e)
{
    _userColor = this.Foreground;
    _userOpacity = this.Opacity;
    if (WaterMarkText != "")
    {
        this.Foreground = _redColor;
        this.Opacity = _halfOpacity;
        this.Text = WaterMarkText;
    }
}

5.源代码，至此工作完成。以下是完整代码：

带水印的TextBox

6.调用过程

<local:MyTextBox Foreground="Blue" WaterMarkText="请输入!" />

local是命名空间，是MyTextBox类所在的命名空间。本机是这样写的：xmlns:local="clr-namespace:TextBoxWaterMark"

效果图如下：

未获取焦点：

获取焦点并输入

好记性不如烂笔头

码农公寓