本文实例为大家分享textbox和passwordbox加水印的方法，供大家参考，具体内容如下
textbox加水印
textbox加水印，需要一个visualbrush和触发器验证text是否为空，在空的时候设置背景的brush就可以实现水印效果。
|
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
|
<textbox name="txtboxname" width="120" height="23">
<textbox.resources>
<visualbrush x:key="helpbrush" tilemode="none" opacity="0.3" stretch="none" alignmentx="left">
<visualbrush.visual>
<textblock fontstyle="italic" text="水印效果"/>
</visualbrush.visual>
</visualbrush>
</textbox.resources>
<textbox.style>
<style targettype="textbox">
<setter property="height" value="23"/>
<setter property="horizontalalignment" value="left"/>
<setter property="verticalalignment" value="top"/>
<style.triggers>
<trigger property="text" value="{x:null}">
<setter property="background" value="{staticresource helpbrush}"/>
</trigger>
<trigger property="text" value="">
<setter property="background" value="{staticresource helpbrush}"/>
</trigger>
</style.triggers>
</style>
</textbox.style>
</textbox>
|
passwordbox加水印
passwordbox加水印，需要添加判断输入非空的依赖属性，因为passwordbox本身没有这个属性。
通过一个passwordlength函数判断密码框的长度是不是0，如果是0则显示背景水印，否则就隐藏。
属性部分代码，cs文件
|
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
|
public class passwordboxmonitor : dependencyobject
{
public static bool getismonitoring(dependencyobject obj)
{
return (bool)obj.getvalue(ismonitoringproperty);
}
public static void setismonitoring(dependencyobject obj, bool value)
{
obj.setvalue(ismonitoringproperty, value);
}
public static readonly dependencyproperty ismonitoringproperty =
dependencyproperty.registerattached("ismonitoring", typeof(bool), typeof(passwordboxmonitor), new uipropertymetadata(false, onismonitoringchanged));
public static int getpasswordlength(dependencyobject obj)
{
return (int)obj.getvalue(passwordlengthproperty);
}
public static void setpasswordlength(dependencyobject obj, int value)
{
obj.setvalue(passwordlengthproperty, value);
}
public static readonly dependencyproperty passwordlengthproperty =
dependencyproperty.registerattached("passwordlength", typeof(int), typeof(passwordboxmonitor), new uipropertymetadata(0));
private static void onismonitoringchanged(dependencyobject d, dependencypropertychangedeventargs e)
{
var pb = d as passwordbox;
if (pb == null)
{
return;
}
if ((bool)e.newvalue)
{
pb.passwordchanged += passwordchanged;
}
else
{
pb.passwordchanged -= passwordchanged;
}
}
static void passwordchanged(object sender, routedeventargs e)
{
var pb = sender as passwordbox;
if (pb == null)
{
return;
}
setpasswordlength(pb, pb.password.length);
}
}
|
xmal代码
|
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
|
<passwordbox name="pb" width="120" verticalalignment="bottom" height="35">
<passwordbox.style>
<style targettype="passwordbox">
<setter property="height" value="23"/>
<setter property="horizontalalignment" value="left"/>
<setter property="verticalalignment" value="top"/>
<setter property="local:passwordboxmonitor.ismonitoring" value="true"/>
<setter property="template">
<setter.value>
<controltemplate targettype="{x:type passwordbox}">
<border name="bd" background="{templatebinding background}" borderthickness="{templatebinding borderthickness}" borderbrush="{templatebinding borderbrush}" snapstodevicepixels="true">
<grid>
<scrollviewer x:name="part_contenthost" snapstodevicepixels="{templatebinding snapstodevicepixels}"/>
<stackpanel orientation="horizontal" visibility="collapsed" name="mystackpanel">
<textblock horizontalalignment="left" verticalalignment="center" foreground="lightgray" text="水印效果"/>
</stackpanel>
</grid>
</border>
<controltemplate.triggers>
<trigger property="isenabled" value="false">
<setter property="visibility" targetname="mystackpanel" value="collapsed"/>
</trigger>
<trigger property="local:passwordboxmonitor.passwordlength" value="0">
<setter property="visibility" targetname="mystackpanel" value="visible"/>
</trigger>
</controltemplate.triggers>
</controltemplate>
</setter.value>
</setter>
</style>
</passwordbox.style>
</passwordbox>
|
效果图
2016-09-07 新增内容
将textblock暴露出来，做一个可以修改水印的textbox控件
|
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
|
<textbox x:class="oraclecodegenerator.watermarktextbox"
xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation"
xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"
xmlns:mc="http://schemas.openxmlformats.org/markup-compatibility/2006"
xmlns:d="http://schemas.microsoft.com/expression/blend/2008"
xmlns:local="clr-namespace:oraclecodegenerator"
mc:ignorable="d"
d:designheight="300" d:designwidth="300" name="tb">
<textbox.resources>
<visualbrush x:key="helpbrush" tilemode="none" opacity="0.3" stretch="none" alignmentx="left">
<visualbrush.visual>
<textblock text="{binding tbtext,elementname=tb}" fontstyle="italic"/>
</visualbrush.visual>
</visualbrush>
</textbox.resources>
<textbox.style>
<style targettype="textbox">
<setter property="height" value="23"/>
<setter property="horizontalalignment" value="left"/>
<setter property="verticalalignment" value="top"/>
<style.triggers>
<trigger property="text" value="{x:null}">
<setter property="background" value="{staticresource helpbrush}"/>
</trigger>
<trigger property="text" value="">
<setter property="background" value="{staticresource helpbrush}"/>
</trigger>
</style.triggers>
</style>
</textbox.style>
</textbox>
|
|
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
|
public partial class watermarktextbox : textbox
{
public watermarktextbox()
{
initializecomponent();
}
private string tbtext;
public string tbtext
{
get
{
return tbtext;
}
set
{
tbtext = value;
}
}
}
|
调用只有一句话
复制代码 代码如下:
<local:watermarktextbox width="150" tbtext="我是水印"/>
以上就是本文的全部内容，希望对大家的学习有所帮助，也希望大家多多支持服务器之家。
原文链接：http://www.cnblogs.com/ZXdeveloper/p/4807209.html