如何将水印文本添加到 wpf 中的文本框？
声明：本页面是StackOverFlow热门问题的中英对照翻译，遵循CC BY-SA 4.0协议，如果您需要使用它，必须同样遵循CC BY-SA许可，注明原文地址和作者信息，同时你必须将它归于原作者（不是我）：StackOverFlow
原文地址: http://stackoverflow.com/questions/17553692/
Warning: these are provided under cc-by-sa 4.0 license. You are free to use/share it, But you must attribute it to the original authors (not me):
StackOverFlow
How can I add watermark text to a textbox in wpf?
提问by Ciupleu Sebastian
Im working on a wpf application.How I can add watermark text to the textboxand passwordbox?
我正在开发一个 wpf 应用程序。如何将水印文本添加到textbox和passwordbox？
<Window x:Class="WpfApplication1.MainWindow"
xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation"
xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"
Title="Platforma Smart School 1.0" Height="580" Width="880"
Icon="/WpfApplication4;component/Images/capturennnnnn12_256px%20%282%291.ico">
<Grid>
<Grid.Background>
<ImageBrush ImageSource="/WpfApplication1;component/Images/
hp-colorful-books-hd-105609.jpg" />
</Grid.Background>
<Rectangle Height="334" HorizontalAlignment="Left" Margin="608,162,0,0"
Name="rectangle1" Stroke="#FFDBD8D8" VerticalAlignment="Top" Width="222"
Fill="#FFF0F0F0" />
<Button Height="34" HorizontalAlignment="Left" Margin="630,434,0,0"
Name="button1" VerticalAlignment="Top" Width="178" FontSize="13"
Foreground="#FF555555" />
<TextBox Height="34" HorizontalAlignment="Left" Margin="630,219,0,0"
Name="textBox1" VerticalAlignment="Top" Width="178" FontSize="14" Text=""
Foreground="#FF7C7A7A" />
<PasswordBox Height="32" HorizontalAlignment="Left" Margin="630,304,0,0"
Name="passwordBox1" VerticalAlignment="Top" Width="178" FontSize="14"
FontFamily="Segoe UI"/>
<Image Height="134" HorizontalAlignment="Left" Margin="606,12,0,0"
Name="image1" Stretch="Fill" VerticalAlignment="Top" Width="224"
Source="/WpfApplication1;component/Images/Capture3.PNG" />
<Label Content=" Smart School" Height="31" HorizontalAlignment="Left"
Margin="251,498,0,0" Name="label1" VerticalAlignment="Top" Width="227" />
</Grid>
回答by ClosedEyesSeeing
Take a look at this SO Question. The second answer of creating an Attached Property is what I would suggest.
看看这个SO Question。创建附加属性的第二个答案是我的建议。
There are also some extended WPF controls that can help: http://wpftoolkit.codeplex.com/wikipage?title=WatermarkTextBox
还有一些扩展的 WPF 控件可以提供帮助：http://wpftoolkit.codeplex.com/wikipage?title =WatermarkTextBox
Edit:Added Extended WPF Toolkit link.
编辑：添加了扩展 WPF 工具包链接。
回答by Vivek Saurav
Or you could try this code
或者你可以试试这个代码
<Grid>
<Grid.Resources>
<VisualBrush x:Key="LoginHint" Stretch="None" AlignmentX="Left" AlignmentY="Top" >
<VisualBrush.Transform>
<TranslateTransform X="5" Y="7" />
</VisualBrush.Transform>
<VisualBrush.Visual>
<Grid HorizontalAlignment="Left">
<TextBlock FontFamily="SEGOEWP" FontSize="10" FontWeight="Normal"
HorizontalAlignment="Left" VerticalAlignment="Center" Foreground="Gray" FontStyle="Italic" Opacity="1" Text="Enter Username"/>
</Grid>
</VisualBrush.Visual>
</VisualBrush>
</Grid.Resources>
<Grid.ColumnDefinitions>
<ColumnDefinition Width="Auto" />
<ColumnDefinition Width="*" />
</Grid.ColumnDefinitions>
<Label x:Name="lblUserName" Content="User Name" Grid.Column="0" VerticalAlignment="Top" Margin="5"/>
<TextBox x:Name="waterMarkTextBox" Width="100" Height="25" Grid.Column="1"
VerticalAlignment="Top" HorizontalAlignment="Left" Margin="5">
<TextBox.Style>
<Style TargetType="{x:Type TextBox}">
<Setter Property="Background" Value="Transparent"/>
<Style.Triggers>
<DataTrigger Binding="{Binding ElementName=waterMarkTextBox,Path=Text}" Value="" >
<Setter Property="Background" Value="{StaticResource LoginHint}"/>
</DataTrigger>
</Style.Triggers>
</Style>
</TextBox.Style>
</TextBox>
</Grid>
回答by Michael Armes
MahApps.Metrohas a built-in watermark control and it's fairly straightforward to use. It does work with a PasswordBox.
MahApps.Metro有一个内置的水印控件，使用起来相当简单。它确实与 PasswordBox 一起使用。
<AdornerDecorator>
<PasswordBox Name="password"
Width="200"
HorizontalAlignment="Right">
<Controls:TextBoxHelper.Watermark>Password</Controls:TextBoxHelper.Watermark>
</PasswordBox>
</AdornerDecorator>
