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

发布时间 - 2026-01-11 03:18:02    点击率:

一种自以为是的方式:

本来只是想简单的做个水印效果,在文本框内容为空的时候提示用户输入,这种需求挺常见。网上一搜 都是丢给你你一大段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实现按字节长度限制输入功能  # 的是  # 请输入  # 也可  # 自然而然  # 网上  # 文本框  # 的人  # 都是  # 圆角  # 只不过  # 我是  # 我就  # 就会  # 是个  # 我要  # 让我  # 又是  # 就能  # 很难  # 要在 


相关栏目: 【 网站优化151355 】 【 网络推广146373 】 【 网络技术251813 】 【 AI营销90571


相关推荐: laravel怎么在请求结束后执行任务(Terminable Middleware)_laravel Terminable Middleware请求结束任务执行方法  javascript日期怎么处理_如何格式化输出  Windows Hello人脸识别突然无法使用  Laravel怎么实现模型属性的自动加密  Laravel中Service Container是做什么的_Laravel服务容器与依赖注入核心概念解析  JS中使用new Date(str)创建时间对象不兼容firefox和ie的解决方法(两种)  在线教育网站制作平台,山西立德教育官网?  如何快速打造个性化非模板自助建站?  如何用低价快速搭建高质量网站?  七夕网站制作视频,七夕大促活动怎么报名?  奇安信“盘古石”团队突破 iOS 26.1 提权  Laravel的辅助函数有哪些_Laravel常用Helpers函数提高开发效率  LinuxCD持续部署教程_自动发布与回滚机制  如何快速搭建高效服务器建站系统?  如何在云主机快速搭建网站站点?  LinuxShell函数封装方法_脚本复用设计思路【教程】  清除minerd进程的简单方法  Swift中swift中的switch 语句  如何快速搭建高效香港服务器网站?  html文件怎么打开证书错误_https协议的html打开提示不安全【指南】  PHP的CURL方法curl_setopt()函数案例介绍(抓取网页,POST数据)  Java Adapter 适配器模式(类适配器,对象适配器)优缺点对比  高配服务器限时抢购:企业级配置与回收服务一站式优惠方案  Laravel如何集成第三方登录_Laravel Socialite实现微信QQ微博登录  Laravel如何获取当前登录用户信息_Laravel Auth门面使用与Session用户读取【技巧】  想要更高端的建设网站,这些原则一定要坚持!  Laravel广播系统如何实现实时通信_Laravel Reverb与WebSockets实战教程  html5的keygen标签为什么废弃_替代方案说明【解答】  Laravel用户认证怎么做_Laravel Breeze脚手架快速实现登录注册功能  Laravel怎么配置自定义表前缀_Laravel数据库迁移与Eloquent表名映射【步骤】  惠州网站建设制作推广,惠州市华视达文化传媒有限公司怎么样?  HTML 中如何正确使用模板变量为元素的 name 属性赋值  制作旅游网站html,怎样注册旅游网站?  非常酷的网站设计制作软件,酷培ai教育官方网站?  Laravel如何理解并使用服务容器(Service Container)_Laravel依赖注入与容器绑定说明  公司网站制作价格怎么算,公司办个官网需要多少钱?  Laravel如何与Inertia.js和Vue/React构建现代单页应用  ,交易猫的商品怎么发布到网站上去?  如何在浏览器中启用Flash_2025年继续使用Flash Player的方法【过时】  实例解析Array和String方法  uc浏览器二维码扫描入口_uc浏览器扫码功能使用地址  胶州企业网站制作公司,青岛石头网络科技有限公司怎么样?  Laravel如何优雅地处理服务层_在Laravel中使用Service层和Repository层  网站设计制作书签怎么做,怎样将网页添加到书签/主页书签/桌面?  Laravel如何实现用户密码重置功能?(完整流程代码)  如何选择可靠的免备案建站服务器?  如何在Windows 2008云服务器安全搭建网站?  EditPlus中的正则表达式 实战(2)  Win11怎样安装网易有道词典_Win11安装词典教程【步骤】  如何制作新型网站程序文件,新型止水鱼鳞网要拆除吗?