正文

WPF TextBox和PasswordBox添加水印

︶ㄣ速达网 メ
米米素材网V管理员 / 阅读
0708

这篇文章主要为大家详细介绍了WPF TextBox和PasswordBox添加水印的方法,具有一定的参考价值，感兴趣的小伙伴们可以参考一下

本文实例为大家分享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>

效果图

WPF TextBox和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