WPF 文本框边框样式触发器 IsFocused 仅在有焦点但没有键盘焦点时才有效答案

【问题标题】：WPF TextBox Border Style Trigger IsFocused only works if has focus but not keyboard focusWPF 文本框边框样式触发器 IsFocused 仅在有焦点但没有键盘焦点时才有效
【发布时间】：2016-04-13 17:21:41
【问题描述】：

我想在我的Textbox 周围有一个漂亮的橙色小边框，同时用户正在输入它（有焦点）。

我为我认为需要的跳跳虎定义了样式，但是有一个奇怪的行为。

当光标位于TextBox 并且 WPF 应用程序具有焦点时，它有一个蓝色边框。

但是当光标聚焦并且我在应用程序外部（如在 Visual Studio 中）单击时，它变为橙色。

我尝试过覆盖许多触发器，但无济于事。

当我专注于文本框但专注于另一个应用程序时会发生这种情况：

这是应用中带焦点的文本框：

这里是代码：

CTRL Xaml：

   <TextBox Grid.Row="1" Grid.Column="0" Grid.ColumnSpan="2" 
                                         Style="{StaticResource RegistrationTextbox}" 
                                         IsReadOnly="{Binding Path=IsFirstNameReadOnly}" Text="{Binding FirstName}"  BorderThickness="0.99">
                                        <b:Interaction.Triggers>
                                            <b:EventTrigger EventName="GotFocus">
                                                <b:InvokeCommandAction Command="{Binding GotFocusFirstNameCommand}" />
                                            </b:EventTrigger>
                                        </b:Interaction.Triggers>
                                    </TextBox>

样式：

  <Style x:Key="RegistrationTextbox" TargetType="{x:Type TextBox}">
    <Setter Property="FocusVisualStyle" Value="{x:Null}"/>

    <Style.Triggers>
        <Trigger Property="IsReadOnly" Value="true">
            <Setter Property="Background" Value="#f2f2f2"/>
            <Setter Property="BorderBrush" Value="#f2f2f2"/>
            <Setter Property="BorderThickness" Value="2"/>
        </Trigger>
        <Trigger Property="IsKeyboardFocused" Value="true">
            <Setter Property="BorderBrush" Value="Red"/>
            <Setter Property="BorderThickness" Value="2"/>
        </Trigger>
        <Trigger Property="IsFocused"  Value="True">
            <Setter Property="BorderBrush" Value="#FAA634"/>
            <Setter Property="BorderThickness" Value="2"/>
        </Trigger>
        <Trigger Property="IsMouseOver" Value="True">
            <Setter Property="BorderBrush" Value="#F8B963"/>
            <Setter Property="BorderThickness" Value="2"/>
        </Trigger>
    </Style.Triggers>        
</Style>

【问题讨论】：

标签： wpf xaml triggers wpf-style

【解决方案1】：

在此处查看默认的 TextBox 样式：https://msdn.microsoft.com/en-us/library/cc645061%28v=vs.95%29.aspx

你会注意到在 ControlTemplate 中有这个块：

     <Border x:Name="Border" BorderThickness="{TemplateBinding BorderThickness}" CornerRadius="1" Opacity="1" Background="{TemplateBinding Background}" BorderBrush="{TemplateBinding BorderBrush}">
     <Grid>
           <Border x:Name="ReadOnlyVisualElement" Opacity="0" Background="#5EC9C9C9"/>
           <Border x:Name="MouseOverBorder" BorderThickness="1" BorderBrush="Transparent">
               <ScrollViewer x:Name="ContentElement" Padding="{TemplateBinding Padding}" BorderThickness="0" IsTabStop="False"/>
           </Border>
     </Grid>
     </Border>
     <Border x:Name="DisabledVisualElement" Background="#A5F7F7F7" BorderBrush="#A5F7F7F7" BorderThickness="{TemplateBinding BorderThickness}" Opacity="0" IsHitTestVisible="False"/>
     <Border x:Name="FocusVisualElement" BorderBrush="#FF6DBDD1" BorderThickness="{TemplateBinding BorderThickness}" Margin="1" Opacity="0" IsHitTestVisible="False"/>

您在这里看到，只有一个 Border 的 BorderBrush 绑定到 TextBox 的 BorderBrush 属性。当控件进入聚焦状态时 - 另一个边框 (FocusVisualElement) 变得可见，并且因为它稍后在可视树中定位 - 它覆盖了常规边框。当控制进入禁用或只读状态时也是如此。所以你的样式设置器基本上没有效果。

现在，当您切换到另一个应用程序时 - TextBox 不再认为它具有焦点（请注意，它不仅仅使用 IsFocused 属性来确定）。所以它隐藏了 FocusVisualElement，在这里您可以看到触发器应用的边框颜色。

长话短说 - 控件开发人员不必为每个可能的状态绑定到单个 BorderBrush 属性。他们本可以提供类似 FocusedBorderBrush 属性的东西，但他们没有 - 所以你必须覆盖 TextBox 的 ControlTemplate（你可以使用上面链接提供的默认模板并覆盖一些颜色）。

【讨论】：