WPF TextBox水印效果制作方法详解

更新时间：2017年09月18日 11:49:50 作者：assassinx

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

一种自以为是的方式：

本来只是想简单的做个水印效果，在文本框内容为空的时候提示用户输入，这种需求挺常见。网上一搜都是丢给你你一大段xaml代码。用c#代码实现我是不倾向了既然用wpf就得Xaml啊。首先我想到的是template嘛 wpf到处离不开template 。我想到的是一个border 套一个textblock嘛然后让文本内容通过templateBinding到Text嘛搞得不亦乐乎，并且也确实很快就达到了我要的效果：

<TextBox>
  <TextBox.Template>
    <ControlTemplate TargetType="TextBox">
      <Border BorderThickness="1" Name="border" BorderBrush="Red">
        <TextBlock Text="{TemplateBinding Text}"></TextBlock>
      </Border>
      <ControlTemplate.Triggers>
        <MultiTrigger>
          <MultiTrigger.Conditions>
            <Condition Property="Text" Value=""></Condition>
          </MultiTrigger.Conditions>
          <Setter Property="Background" TargetName="border">
            <Setter.Value>
              <VisualBrush AlignmentX="Left" AlignmentY="Top" Stretch="None">
                <VisualBrush.Visual>
                  <TextBlock Width="500" Height="100" Background="#FFE8DBDB">请输入内容22</TextBlock>
                </VisualBrush.Visual>
              </VisualBrush>
            </Setter.Value>
          </Setter>
        </MultiTrigger>
      </ControlTemplate.Triggers>
    </ControlTemplate>
  </TextBox.Template>
</TextBox>

最后仔细一看杯具的发现文本内容输入的时候没有光标，然后我想到的就是把模板里的textblock改为textbox就完了嘛。好一改更杯具了水印效果抽风了最后发现用c#代码强制让文本框Focus() 貌似就可以，也许本身元素就是TextBox 模板里面再放TextBox 就会导致焦点无法获取造成各种混乱吧。最后弄不好。

通过尝试更改TextBox自带的模板来达到效果

导出系统默认textBox的模板visualTree ，经过尝试成功达到效果，值得一提的是我纳闷儿网上那些人为甚有的一贴出的xaml代码里面就是scrollviewer呢并且还能够正确运行让我很难理解，一看原来系统默认的就是scrollviewer 原来如此还有Name=PART_ContentHost 只要写成他自然而然就能被当初内容宿主处理。看来PART_ContentHost 是个很特殊的系统名称，还有就是多行文本框通过设置AcceptsReturn="True" VerticalScrollBarVisibility="Auto" 属性来达到：

<TextBox Text="" Height="60" Name="nihao" Width="300" AcceptsReturn="True" VerticalScrollBarVisibility="Auto" >
  <TextBox.Template>
    <ControlTemplate TargetType="TextBox">
      <!--下面必须写成PART_ContentHost 才能正常 无语又是一个神秘硬编码 
            我就纳闷儿 为甚网上的人要写 scrollviewer 而且自然而然的就成了宿主 让文本显示在里面
            原来通过代码导出的默认的visualtree就是这样的。只有decorator 或scrollviewer元素可以用作PART_ContentHost
            -->
      <Border Name="borderContent" CornerRadius="10 0 0 10" BorderThickness="1" BorderBrush="Blue" Background="#FFE8DBDB" SnapsToDevicePixels="True">
        <ScrollViewer HorizontalScrollBarVisibility="Hidden" VerticalScrollBarVisibility="Hidden" Name="PART_ContentHost" Focusable="False"/>
      </Border>
      <ControlTemplate.Triggers>
        <MultiTrigger >
          <MultiTrigger.Conditions>
            <Condition Property="IsFocused" Value="False"/>
            <Condition Property="Text" Value=""/>
          </MultiTrigger.Conditions>
          <Setter Property="Background" TargetName="borderContent" >
            <Setter.Value>
              <VisualBrush AlignmentX="Left" AlignmentY="Top" Stretch="None">
                <VisualBrush.Visual>
                  <!--这里是无论何种手段都无法取得父元素 的宽度我无语 所以只能尽量把宽度 高度往大了写
                        {Binding RelativeSource={RelativeSource Mode=TemplatedParent},Path=Width}
                        -->
                  <TextBlock Width="500" Height="100" Background="#FFE8DBDB">请输入内容</TextBlock>
                </VisualBrush.Visual>
              </VisualBrush>
            </Setter.Value>
          </Setter>
        </MultiTrigger>
        <Trigger Property="IsFocused" Value="True">
          <Setter Property="Background" TargetName="borderContent" Value="#FFE8DBDB"></Setter>
        </Trigger>
      </ControlTemplate.Triggers>
    </ControlTemplate>
  </TextBox.Template>
</TextBox>

另一种方式：

还有一种方式就是直接控制外围的style trigger也可达到效果，只不过圆角border你必须要在text控件外再套border才能实现：

<TextBox Text="" Height="30" BorderThickness="1" BorderBrush="Blue" Margin="10">
  <TextBox.Style>
    <Style TargetType="TextBox">
      <!--这种方式直接控制外围的 background 也可以达到效果 ，只不过圆角边框不能实现-->
      <Setter Property="Background" Value="#FFE8DBDB"></Setter>
      <Style.Triggers>
        <MultiTrigger>
          <MultiTrigger.Conditions>
            <Condition Property="Text" Value="" ></Condition>
          </MultiTrigger.Conditions>
          <Setter Property="Background" >
            <Setter.Value>
              <VisualBrush AlignmentX="Left" AlignmentY="Top" Stretch="None" >
                <VisualBrush.Visual >
                  <Border Background="#FFE8DBDB" Width="500" Height="100">
                    <TextBlock >请输入内容</TextBlock>
                  </Border>
                </VisualBrush.Visual>
              </VisualBrush>
            </Setter.Value>
          </Setter>
        </MultiTrigger>
      </Style.Triggers>
    </Style>
  </TextBox.Style>
</TextBox>

最终效果：

以上就是本文的全部内容，希望对大家的学习有所帮助，也希望大家多多支持脚本之家。

您可能感兴趣的文章:

C#怎样才能实现窗体最小化到托盘呢？
C#怎样才能实现窗体最小化到托盘呢？...
2007-03-03
c# 备忘录模式
备忘录模式：在不破坏封装的前提下，捕获一个对象的内部状态，并在这个对象之外的地方保存这个状态，这样以后就可将该对象恢复到原来保存的状态了
2012-10-10
C#服务端图片打包下载实现代码解析
这篇文章主要介绍了C#服务端图片打包下载实现代码解析,文中通过示例代码介绍的非常详细，对大家的学习或者工作具有一定的参考学习价值,需要的朋友可以参考下
2020-07-07
C#中split用法实例总结
这篇文章主要介绍了C#中split用法,结合实例形式总结分析了C#常见的split操作字符串相关技巧,需要的朋友可以参考下
2016-06-06
C#简单数字图像处理程序
这篇文章主要为大家详细介绍了C#简单数字图像处理程序，具有一定的参考价值，感兴趣的小伙伴们可以参考一下
2018-09-09
C#画笔Pen保存和恢复图形对象的设置方法
这篇文章主要介绍了C#画笔Pen保存和恢复图形对象的设置方法,实例分析了画笔的保存save及恢复属性Restore的相关使用技巧,需要的朋友可以参考下
2015-06-06
C#在Winform开发中使用Grid++报表
这篇文章主要介绍了C#在Winform开发中使用Grid++报表，文中通过示例代码介绍的非常详细，对大家的学习或者工作具有一定的参考学习价值，需要的朋友们下面随着小编来一起学习学习吧
2019-03-03
c#消息提示框messagebox的详解及使用
这篇文章主要介绍了c#消息提示框messagebox的详解及使用的相关资料,需要的朋友可以参考下
2017-03-03
C#实现的最短路径分析
C#实现的最短路径分析，需要的朋友可以参考一下
2013-03-03
C#调用C++ DLL bool返回值始终为true的问题
这篇文章主要介绍了C#调用C++ DLL bool返回值始终为true的问题及解决，具有很好的参考价值，希望对大家有所帮助。如有错误或未考虑完全的地方，望不吝赐教
2022-11-11