c# - 如何创建类似于 SO 搜索框的文本框提示

Question

我正在为一个 wpf 应用程序及其文本框创建一个登录窗口，我想要做的与 Stack Overflow 网站右上角的“搜索问答”的行为方式相同。

有一个包含文本“用户名”的文本框，当您聚焦时，该文本仍会显示，但当您开始键入时，文本消失并显示您的输入。然后，当您尝试将其删除而文本框中没有任何内容时，它将恢复为文本“用户名”。

Answer 1

您正在查找的术语是文本框提示

试试这个:

<Window.Resources>
    <VisualBrush x:Key="SearchHint" TileMode="None" Stretch="None" AlignmentX="Left">
        <VisualBrush.Transform>
            <TranslateTransform X="5" Y="0" />
        </VisualBrush.Transform>
        <VisualBrush.Visual>
            <Grid>
                <TextBlock FontStyle="Italic" Foreground="Black" Opacity="0.3" Text="Search …"/>
            </Grid>
        </VisualBrush.Visual>
    </VisualBrush>
</Window.Resources>

<StackPanel>
    <TextBox VerticalContentAlignment="Center"  Height="30">
        <TextBox.Style>
            <Style TargetType="TextBox">
                <Style.Triggers>
                    <Trigger Property="Text" Value="">
                        <Setter Property="Background" Value="{StaticResource SearchHint}"/>
                    </Trigger>
                </Style.Triggers>
            </Style>
        </TextBox.Style>
    </TextBox>
</StackPanel>

结果: