WPF TextBox提示文本样式优化：绑定、焦点响应及动画问题

一、两种样式的问题修复方案 #

1. 第一种样式：焦点/非空隐藏提示，但无法绑定Tag/ToolTip、加载异常 #

针对你遇到的几个子问题，逐个解决：

• 绑定提示到Tag属性：把提示文本的Text绑定改为{Binding RelativeSource={RelativeSource TemplatedParent}, Path=Tag}，就能直接复用TextBox的Tag存储提示内容，不用硬编码。
• VerticalContentAlignment导致加载失败：不要在Style的Setter里直接设置该属性，把它放到ControlTemplate内部的ContentPresenter（或PART_ContentHost）上，避免和模板默认布局逻辑冲突。
• Storyboard触发异常：Style内的Trigger必须放在Style.Triggers节点下，且TargetName要准确指向模板内的提示文本元素；如果移到TextBox资源中，BorderBrush的绑定要改成{Binding RelativeSource={RelativeSource TemplatedParent}, Path=BorderBrush}，确保绑定源指向TextBox本身，避免找不到依赖属性的问题。

2. 第二种样式：Tag绑定提示，但焦点触发器失效 #

问题出在触发器的逻辑设置上，只需添加监听IsKeyboardFocused的Trigger，和文本非空的Trigger配合即可：

• 可以用两个独立Trigger：

<Trigger Property="IsKeyboardFocused" Value="True">
    <Setter TargetName="HintText" Property="Visibility" Value="Collapsed"/>
</Trigger>
<Trigger Property="Text" Value="">
    <Setter TargetName="HintText" Property="Visibility" Value="Visible"/>
</Trigger>

• 更精准的方式是用MultiDataTrigger，仅当文本为空且无焦点时显示提示：

<MultiDataTrigger>
    <MultiDataTrigger.Conditions>
        <Condition Binding="{Binding Text, RelativeSource={RelativeSource Self}}" Value=""/>
        <Condition Binding="{Binding IsKeyboardFocused, RelativeSource={RelativeSource Self}}" Value="False"/>
    </MultiDataTrigger.Conditions>
    <Setter TargetName="HintText" Property="Visibility" Value="Visible"/>
</MultiDataTrigger>

二、整合后的完整可复用样式 #

下面是同时支持Tag绑定、焦点/非空隐藏提示，且无加载异常的完整Style模板：

<Style x:Key="HintTextBoxStyle" TargetType="{x:Type TextBox}">
    <Setter Property="BorderThickness" Value="1"/>
    <Setter Property="BorderBrush" Value="#FFABAdB3"/>
    <Setter Property="Template">
        <Setter.Value>
            <ControlTemplate TargetType="{x:Type TextBox}">
                <Grid>
                    <Border x:Name="border" 
                            BorderBrush="{TemplateBinding BorderBrush}" 
                            BorderThickness="{TemplateBinding BorderThickness}" 
                            Background="{TemplateBinding Background}" 
                            SnapsToDevicePixels="True">
                        <ScrollViewer x:Name="PART_ContentHost" 
                                      Focusable="false" 
                                      HorizontalScrollBarVisibility="Hidden" 
                                      VerticalScrollBarVisibility="Hidden"
                                      VerticalContentAlignment="{TemplateBinding VerticalContentAlignment}"/>
                    </Border>
                    <TextBlock x:Name="HintText" 
                               Text="{Binding Tag, RelativeSource={RelativeSource TemplatedParent}}"
                               Foreground="#FF888888" 
                               Margin="{TemplateBinding Padding}"
                               Padding="2,0,0,0"
                               Visibility="Collapsed"
                               IsHitTestVisible="False"/>
                </Grid>
                <ControlTemplate.Triggers>
                    <MultiDataTrigger>
                        <MultiDataTrigger.Conditions>
                            <Condition Binding="{Binding Text, RelativeSource={RelativeSource Self}}" Value=""/>
                            <Condition Binding="{Binding IsKeyboardFocused, RelativeSource={RelativeSource Self}}" Value="False"/>
                        </MultiDataTrigger.Conditions>
                        <Setter TargetName="HintText" Property="Visibility" Value="Visible"/>
                    </MultiDataTrigger>
                    <Trigger Property="IsEnabled" Value="False">
                        <Setter TargetName="border" Property="Opacity" Value="0.5"/>
                    </Trigger>
                </ControlTemplate.Triggers>
            </ControlTemplate>
        </Setter.Value>
    </Setter>
</Style>

使用示例：

<TextBox Style="{StaticResource HintTextBoxStyle}" Tag="请输入用户名..." VerticalContentAlignment="Center"/>

内容的提问来源于stack exchange，提问作者Dom