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实现按字节长度限制输入功能  # 的是  # 请输入  # 也可  # 自然而然  # 网上  # 文本框  # 的人  # 都是  # 圆角  # 只不过  # 我是  # 我就  # 就会  # 是个  # 我要  # 让我  # 又是  # 就能  # 很难  # 要在 

相关文章： 制作ppt免费网站有哪些,有哪些比较好的ppt模板下载网站？  黑客如何通过漏洞一步步攻陷网站服务器？  官网自助建站平台指南：在线制作、快速建站与模板选择全解析  巅云智能建站系统：可视化拖拽+多端适配+免费模板一键生成  网站制作公司排行榜,抖音怎样做个人官方网站  制作宣传网站的软件,小红书可以宣传网站吗？  实现虚拟支付需哪些建站技术支撑？  青岛网站建设如何选择本地服务器？  如何在Windows 2008云服务器安全搭建网站？  制作无缝贴图网站有哪些,3dmax无缝贴图怎么调？  如何在IIS中新建站点并配置端口与IP地址？  如何用y主机助手快速搭建网站？  微信h5制作网站有哪些,免费微信H5页面制作工具？  专业网站设计制作公司,如何制作一个企业网站，建设网站的基本步骤有哪些？  C++ static_cast和dynamic_cast区别_C++静态转换与动态类型安全转换  义乌企业网站制作公司,请问义乌比较好的批发小商品的网站是什么？  建站之星如何优化SEO以实现高效排名？  网页制作模板网站推荐,网页设计海报之类的素材哪里好？  建站之星体验版：智能建站系统+响应式设计，多端适配快速建站  已有域名和空间，如何快速搭建网站？  网站制作模板下载什么软件,ppt模板免费下载网站？  网站制作专业公司有哪些,如何制作一个企业网站，建设网站的基本步骤有哪些？  无锡制作网站公司有哪些,无锡优八网络科技有限公司介绍？  定制建站模板如何实现SEO优化与智能系统配置？18字教程  制作公司内部网站有哪些,内网如何建网站？  深入理解Android中的xmlns:tools属性  平台云上自助建站如何快速打造专业网站？  代购小票制作网站有哪些,购物小票的简要说明？  如何在VPS电脑上快速搭建网站？  ,如何利用word制作宣传手册？  怎么制作一个起泡网,水泡粪全漏粪育肥舍冬季氨气超过25ppm，可以有哪些措施降低舍内氨气水平？  宝盒自助建站智能生成技巧：SEO优化与关键词设置指南  建站主机类型有哪些？如何正确选型  网站视频怎么制作,哪个网站可以免费收看好莱坞经典大片？  如何快速生成专业多端适配建站电话？  如何在万网自助建站平台快速创建网站？  电商网站制作价格怎么算,网上拍卖流程以及规则？  网站企业制作流程,用什么语言做企业网站比较好？  Java解压缩zip - 解压缩多个文件或文件夹实例  实惠建站价格推荐：2025年高性价比自助建站套餐解析  北京网站制作网页,网站升级改版需要多久？  ,南京靠谱的征婚网站？  Android使用GridView实现日历的简单功能  香港代理服务器配置指南：高匿IP选择、跨境加速与SEO优化技巧  Python lxml的etree和ElementTree有什么区别  沈阳个人网站制作公司,哪个网站能考到沈阳事业编招聘的信息？  黑客入侵网站服务器的常见手法有哪些？  建站之星logo尺寸如何设置最合适？  Bpmn 2.0的XML文件怎么画流程图  C#如何使用XPathNavigator高效查询XML