在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"
效果图如下:
未获取焦点:
获取焦点并输入
好记性不如烂笔头
时间: 2024-11-02 18:58:54