WPF 通过TextBox实现一个带水印和图标的输入框

最新推荐文章于 2024-10-09 08:34:56 发布

柚子和香橼

最新推荐文章于 2024-10-09 08:34:56 发布

阅读量2k

点赞数

分类专栏： WPF 文章标签： wpf

本文链接：https://blog.youkuaiyun.com/weixin_43259472/article/details/126670320

版权

这篇博客介绍了如何使用XAML在WPF中自定义TextBox的样式，包括设置边框、圆角、内联图标和实现水印效果。通过创建ControlTemplate和DataTrigger，实现了当TextBox无内容时显示水印，有内容时隐藏水印的功能，并且展示了在不同状态（如鼠标悬停、聚焦）下边框颜色的变化。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

代码如下：
前端定义一个TextBox：

<!-- TextBox的Style绑定到下面的静态资源，CaretBrush表示光标的颜色 -->
<TextBox Name="textBox" FontSize="12" Foreground="White" Margin="5" Width="200" Height="30" Style="{
       StaticResource QueryTextBoxStyle}" CaretBrush="White">

在资源文件中加入以下内容：

<Style TargetType="TextBox" x:Key="QueryTextBoxStyle"><!-- x:Key="QueryTextBoxStyle"此属性是必须的，Style通过Key来绑定 -->
	<Setter Property ="Template">
		<Setter.Value>
			<ControlTemplate TargetType="TextBox">
				<!-- 定义一个Border实现TextBox的边框样式的改变