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>

最终效果：

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

# WPF  # TextBox  # 水印  # WPF TextBox和PasswordBox添加水印  # WPF TextBox实现按字节长度限制输入功能  # 的是  # 请输入  # 也可  # 自然而然  # 网上  # 文本框  # 的人  # 都是  # 圆角  # 只不过  # 我是  # 我就  # 就会  # 是个  # 我要  # 让我  # 又是  # 就能  # 很难  # 要在 

相关文章： 如何选择美橙互联多站合一建站方案？  如何通过PHP快速构建高效问答网站功能？  如何用wdcp快速搭建高效网站？  手机怎么制作网站教程步骤,手机怎么做自己的网页链接？  宝塔新建站点为何无法访问？如何排查？  免费公司网站制作软件,如何申请免费主页空间做自己的网站？  高配服务器限时抢购：企业级配置与回收服务一站式优惠方案  武汉网站如何制作,黄黄高铁武穴北站途经哪些村庄？  大连 网站制作,大连天途有线官网？  济南网站制作的价格,历城一职专官方网站？  如何基于云服务器快速搭建个人网站？  网站制作免费,什么网站能看正片电影？  如何在Golang中引入测试模块_Golang测试包导入与使用实践  网站专业制作公司有哪些,做一个公司网站要多少钱？  h5在线制作网站电脑版下载,h5网页制作软件？  C#如何在一个XML文件中查找并替换文本内容  如何通过虚拟主机快速搭建个人网站？  动图在线制作网站有哪些,滑动动图图集怎么做？  如何彻底卸载建站之星软件？  标准网站视频模板制作软件,现在有哪个网站的视频编辑素材最齐全的，背景音乐、音效等？  小捣蛋自助建站系统：数据分析与安全设置双核驱动网站优化  免费网站制作appp,免费制作app哪个平台好？  如何在IIS7上新建站点并设置安全权限？  Avalonia如何实现跨窗口通信 Avalonia窗口间数据传递  如何通过老薛主机一键快速建站？  建站之星如何开启自定义404页面避免用户流失？  如何在万网ECS上快速搭建专属网站？  制作国外网站的软件,国外有哪些比较优质的网站推荐？  企业宣传片制作网站有哪些,传媒公司怎么找企业宣传片项目？  企业网站制作公司网页,推荐几家专业的天津网站制作公司？  制作网站的基本流程,设计网站的软件是什么？  如何快速生成可下载的建站源码工具？  如何续费美橙建站之星域名及服务？  微信小程序制作网站有哪些,微信小程序需要做网站吗？  如何在云主机快速搭建网站站点？  导航网站建站方案与优化指南：一站式高效搭建技巧解析  香港服务器网站搭建教程-电商部署、配置优化与安全稳定指南  图片制作网站免费软件,有没有免费的网站或软件可以将图片批量转为A4大小的pdf？  公司网站制作费用多少,为公司建立一个网站需要哪些费用？  外贸公司网站制作,外贸网站建设一般有哪些步骤？  建站之星24小时客服电话如何获取？  网站制作话术技巧,网站推广做的好怎么话术？  北京网站制作网页,网站升级改版需要多久？  建站之星安装失败：服务器环境不兼容？  建站主机选购指南：核心配置优化与品牌推荐方案  如何在万网自助建站平台快速创建网站？  代刷网站制作软件,别人代刷火车票靠谱吗？  建站之星安装路径如何正确选择及配置？  广州建站公司哪家好？十大优质服务商推荐  交易网站制作流程,我想开通一个网站，注册一个交易网址，需要那些手续？