通过

如何：在 TextBox 中添加水印

  • 项目

下面的示例演示如何通过在 TextBox 内显示解释性背景图像来帮助 TextBox 的可用性，直到用户输入文本，此时图像将被删除。 此外，如果用户删除了其输入，则再次还原背景图像。 请参阅下图。

A TextBox with a background image

注意

在此示例中使用背景图像而不是简单地操作 TextBox 的 Text 属性的原因是背景图像不会干扰数据绑定。

示例

以下 XAML 演示了以下内容：

<Window x:Class="watermark.MainWindow"
        xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation"
        xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"
        Title="MainWindow" Height="450" Width="800">
    <Window.Resources>
        <ImageBrush x:Key="watermark" ImageSource="textboxbackground.gif" AlignmentX="Left" Stretch="None" />
    </Window.Resources>
    <StackPanel>
        <TextBox Name="myTextBox" TextChanged="OnTextBoxTextChanged" Width="200" Background="{StaticResource watermark}" />
    </StackPanel>
</Window>

以下代码处理 TextBox.TextChanged 事件：

private void OnTextBoxTextChanged(object sender, TextChangedEventArgs e)
{
    if (sender is TextBox box)
    {
        if (string.IsNullOrEmpty(box.Text))
            box.Background = (ImageBrush)FindResource("watermark");
        else
            box.Background = null;
    }
}

Private Sub OnTextBoxTextChanged(sender As Object, e As TextChangedEventArgs)
    If TypeOf sender Is TextBox Then
        Dim box As TextBox = DirectCast(sender, TextBox)

        If String.IsNullOrEmpty(box.Text) Then
            box.Background = DirectCast(FindResource("watermark"), ImageBrush)
        Else
            box.Background = Nothing
        End If
    End If
End Sub

另请参阅