WPF实现placeholder效果

 
概述：WPF中通过`Style`实现TextBox水印文本，利用`WatermarkTextBox`类及`ControlTemplate`。这个示例通过`VisualStateManager`在文本框失去核心且内容为空时显示水印文本。通过`Watermark`属性简化水印文本设置，提高可维护性。
在WPF中，通过Style实现TextBox中的水印文本（水印、提示、占位符文本）通常利用ControlTemplate和VisualStateManager。以下是一个详细的实例源代码：

1. using System.Windows;
2. using System.Windows.Controls;
4. namespace WpfWatermarkExample
5. {
6. <ResourceDictionary xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation"
7.                     xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"
8.                     xmlns:local="clr-namespace:WpfWatermarkExample">
10.    
11. </ResourceDictionary>public partial class MainWindow : Window
12. <ResourceDictionary xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation"
13.                     xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"
14.                     xmlns:local="clr-namespace:WpfWatermarkExample">
16.    
17. </ResourceDictionary>{
18. <ResourceDictionary xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation"
19.                     xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"
20.                     xmlns:local="clr-namespace:WpfWatermarkExample">
22.    
23. </ResourceDictionary><ResourceDictionary xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation"
24.                     xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"
25.                     xmlns:local="clr-namespace:WpfWatermarkExample">
27.    
28. </ResourceDictionary>public MainWindow()
29. <ResourceDictionary xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation"
30.                     xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"
31.                     xmlns:local="clr-namespace:WpfWatermarkExample">
33.    
34. </ResourceDictionary><ResourceDictionary xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation"
35.                     xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"
36.                     xmlns:local="clr-namespace:WpfWatermarkExample">
38.    
39. </ResourceDictionary>{
40. <ResourceDictionary xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation"
41.                     xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"
42.                     xmlns:local="clr-namespace:WpfWatermarkExample">
44.    
45. </ResourceDictionary><ResourceDictionary xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation"
46.                     xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"
47.                     xmlns:local="clr-namespace:WpfWatermarkExample">
49.    
50. </ResourceDictionary><ResourceDictionary xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation"
51.                     xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"
52.                     xmlns:local="clr-namespace:WpfWatermarkExample">
54.    
55. </ResourceDictionary>InitializeComponent();
56. <ResourceDictionary xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation"
57.                     xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"
58.                     xmlns:local="clr-namespace:WpfWatermarkExample">
60.    
61. </ResourceDictionary><ResourceDictionary xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation"
62.                     xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"
63.                     xmlns:local="clr-namespace:WpfWatermarkExample">
65.    
66. </ResourceDictionary>}
67. <ResourceDictionary xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation"
68.                     xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"
69.                     xmlns:local="clr-namespace:WpfWatermarkExample">
71.    
72. </ResourceDictionary>}
74. <ResourceDictionary xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation"
75.                     xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"
76.                     xmlns:local="clr-namespace:WpfWatermarkExample">
78.    
79. </ResourceDictionary>public class WatermarkTextBox : TextBox
80. <ResourceDictionary xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation"
81.                     xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"
82.                     xmlns:local="clr-namespace:WpfWatermarkExample">
84.    
85. </ResourceDictionary>{
86. <ResourceDictionary xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation"
87.                     xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"
88.                     xmlns:local="clr-namespace:WpfWatermarkExample">
90.    
91. </ResourceDictionary><ResourceDictionary xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation"
92.                     xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"
93.                     xmlns:local="clr-namespace:WpfWatermarkExample">
95.    
96. </ResourceDictionary>public static readonly DependencyProperty WatermarkProperty =
97. <ResourceDictionary xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation"
98.                     xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"
99.                     xmlns:local="clr-namespace:WpfWatermarkExample">
101.    
102. </ResourceDictionary><ResourceDictionary xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation"
103.                     xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"
104.                     xmlns:local="clr-namespace:WpfWatermarkExample">
106.    
107. </ResourceDictionary><ResourceDictionary xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation"
108.                     xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"
109.                     xmlns:local="clr-namespace:WpfWatermarkExample">
111.    
112. </ResourceDictionary>DependencyProperty.Register("Watermark", typeof(string), typeof(WatermarkTextBox));
114. <ResourceDictionary xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation"
115.                     xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"
116.                     xmlns:local="clr-namespace:WpfWatermarkExample">
118.    
119. </ResourceDictionary><ResourceDictionary xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation"
120.                     xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"
121.                     xmlns:local="clr-namespace:WpfWatermarkExample">
123.    
124. </ResourceDictionary>public string Watermark
125. <ResourceDictionary xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation"
126.                     xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"
127.                     xmlns:local="clr-namespace:WpfWatermarkExample">
129.    
130. </ResourceDictionary><ResourceDictionary xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation"
131.                     xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"
132.                     xmlns:local="clr-namespace:WpfWatermarkExample">
134.    
135. </ResourceDictionary>{
136. <ResourceDictionary xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation"
137.                     xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"
138.                     xmlns:local="clr-namespace:WpfWatermarkExample">
140.    
141. </ResourceDictionary><ResourceDictionary xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation"
142.                     xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"
143.                     xmlns:local="clr-namespace:WpfWatermarkExample">
145.    
146. </ResourceDictionary><ResourceDictionary xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation"
147.                     xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"
148.                     xmlns:local="clr-namespace:WpfWatermarkExample">
150.    
151. </ResourceDictionary>get { return (string)GetValue(WatermarkProperty); }
152. <ResourceDictionary xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation"
153.                     xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"
154.                     xmlns:local="clr-namespace:WpfWatermarkExample">
156.    
157. </ResourceDictionary><ResourceDictionary xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation"
158.                     xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"
159.                     xmlns:local="clr-namespace:WpfWatermarkExample">
161.    
162. </ResourceDictionary><ResourceDictionary xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation"
163.                     xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"
164.                     xmlns:local="clr-namespace:WpfWatermarkExample">
166.    
167. </ResourceDictionary>set { SetValue(WatermarkProperty, value); }
168. <ResourceDictionary xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation"
169.                     xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"
170.                     xmlns:local="clr-namespace:WpfWatermarkExample">
172.    
173. </ResourceDictionary><ResourceDictionary xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation"
174.                     xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"
175.                     xmlns:local="clr-namespace:WpfWatermarkExample">
177.    
178. </ResourceDictionary>}
180. <ResourceDictionary xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation"
181.                     xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"
182.                     xmlns:local="clr-namespace:WpfWatermarkExample">
184.    
185. </ResourceDictionary><ResourceDictionary xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation"
186.                     xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"
187.                     xmlns:local="clr-namespace:WpfWatermarkExample">
189.    
190. </ResourceDictionary>static WatermarkTextBox()
191. <ResourceDictionary xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation"
192.                     xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"
193.                     xmlns:local="clr-namespace:WpfWatermarkExample">
195.    
196. </ResourceDictionary><ResourceDictionary xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation"
197.                     xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"
198.                     xmlns:local="clr-namespace:WpfWatermarkExample">
200.    
201. </ResourceDictionary>{
202. <ResourceDictionary xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation"
203.                     xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"
204.                     xmlns:local="clr-namespace:WpfWatermarkExample">
206.    
207. </ResourceDictionary><ResourceDictionary xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation"
208.                     xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"
209.                     xmlns:local="clr-namespace:WpfWatermarkExample">
211.    
212. </ResourceDictionary><ResourceDictionary xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation"
213.                     xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"
214.                     xmlns:local="clr-namespace:WpfWatermarkExample">
216.    
217. </ResourceDictionary>DefaultStyleKeyProperty.OverrideMetadata(typeof(WatermarkTextBox), new FrameworkPropertyMetadata(typeof(WatermarkTextBox)));
218. <ResourceDictionary xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation"
219.                     xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"
220.                     xmlns:local="clr-namespace:WpfWatermarkExample">
222.    
223. </ResourceDictionary><ResourceDictionary xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation"
224.                     xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"
225.                     xmlns:local="clr-namespace:WpfWatermarkExample">
227.    
228. </ResourceDictionary>}
229. <ResourceDictionary xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation"
230.                     xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"
231.                     xmlns:local="clr-namespace:WpfWatermarkExample">
233.    
234. </ResourceDictionary>}
235. }

复制代码

XAML文件：

1. <Window x:
2. <ResourceDictionary xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation"
3.                     xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"
4.                     xmlns:local="clr-namespace:WpfWatermarkExample">
6.    
7. </ResourceDictionary><ResourceDictionary xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation"
8.                     xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"
9.                     xmlns:local="clr-namespace:WpfWatermarkExample">
11.    
12. </ResourceDictionary>xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation"
13. <ResourceDictionary xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation"
14.                     xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"
15.                     xmlns:local="clr-namespace:WpfWatermarkExample">
17.    
18. </ResourceDictionary><ResourceDictionary xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation"
19.                     xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"
20.                     xmlns:local="clr-namespace:WpfWatermarkExample">
22.    
23. </ResourceDictionary>xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"
24. <ResourceDictionary xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation"
25.                     xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"
26.                     xmlns:local="clr-namespace:WpfWatermarkExample">
28.    
29. </ResourceDictionary><ResourceDictionary xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation"
30.                     xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"
31.                     xmlns:local="clr-namespace:WpfWatermarkExample">
33.    
34. </ResourceDictionary>xmlns:d="http://schemas.microsoft.com/expression/blend/2008"
35. <ResourceDictionary xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation"
36.                     xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"
37.                     xmlns:local="clr-namespace:WpfWatermarkExample">
39.    
40. </ResourceDictionary><ResourceDictionary xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation"
41.                     xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"
42.                     xmlns:local="clr-namespace:WpfWatermarkExample">
44.    
45. </ResourceDictionary>xmlns:mc="http://schemas.openxmlformats.org/markup-compatibility/2006"
46. <ResourceDictionary xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation"
47.                     xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"
48.                     xmlns:local="clr-namespace:WpfWatermarkExample">
50.    
51. </ResourceDictionary><ResourceDictionary xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation"
52.                     xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"
53.                     xmlns:local="clr-namespace:WpfWatermarkExample">
55.    
56. </ResourceDictionary>mc:Ignorable="d"
57. <ResourceDictionary xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation"
58.                     xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"
59.                     xmlns:local="clr-namespace:WpfWatermarkExample">
61.    
62. </ResourceDictionary><ResourceDictionary xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation"
63.                     xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"
64.                     xmlns:local="clr-namespace:WpfWatermarkExample">
66.    
67. </ResourceDictionary>Title="MainWindow" Height="350" Width="525">
68. <ResourceDictionary xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation"
69.                     xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"
70.                     xmlns:local="clr-namespace:WpfWatermarkExample">
72.    
73. </ResourceDictionary><Grid>
74. <ResourceDictionary xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation"
75.                     xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"
76.                     xmlns:local="clr-namespace:WpfWatermarkExample">
78.    
79. </ResourceDictionary><ResourceDictionary xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation"
80.                     xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"
81.                     xmlns:local="clr-namespace:WpfWatermarkExample">
83.    
84. </ResourceDictionary><local:WatermarkTextBox Watermark="请输入内容" Width="200" Height="30"/>
85. <ResourceDictionary xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation"
86.                     xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"
87.                     xmlns:local="clr-namespace:WpfWatermarkExample">
89.    
90. </ResourceDictionary></Grid>
91. </Window>

复制代码

Themes/Generic.xaml文件：

1. <ResourceDictionary xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation"
2.                     xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"
3.                     xmlns:local="clr-namespace:WpfWatermarkExample">
5.    
6. </ResourceDictionary>

复制代码

看效果：

 
这个例子中，自定义了WatermarkTextBox类，此中包罗一个Watermark属性。在Themes/Generic.xaml中，定义了WatermarkTextBox的ControlTemplate，通过VisualStateManager在未得到核心且文本为空时显示水印文本。在MainWindow.xaml中利用了WatermarkTextBox并设置了水印文本。
源代码获取：https://pan.baidu.com/s/1YCuKZhEOrs-C3nGqjNB-lA?pwd=6666 
 

免责声明：如果侵犯了您的权益，请联系站长，我们会及时删除侵权内容，谢谢合作！更多信息从访问主页：qidao123.com:ToB企服之家，中国第一个企服评测及商务社交产业平台。