ToB企服应用市场:ToB评测及商务社交产业平台

标题: WPF实现placeholder效果 [打印本页]
作者: 何小豆儿在此    时间: 2024-5-15 19:33
标题: 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企服之家，中国第一个企服评测及商务社交产业平台。



欢迎光临 ToB企服应用市场:ToB评测及商务社交产业平台 (https://dis.qidao123.com/) Powered by Discuz! X3.4