TextBox 的边框样式不会显示在 WPF 中的可编辑组合框中

Question

我使用样式在文本框周围制作了一个漂亮的边框。请注意下面的边框，我将其简单命名为“Border”。当文本框接收 IsFocused-Trigger 中指定的焦点时，它工作正常：

<Style TargetType="{x:Type TextBox}" BasedOn="{StaticResource ErrorTemplate}">

    <Setter Property="KeyboardNavigation.TabNavigation" Value="None" />
    <Setter Property="AllowDrop" Value="true" />
    <Setter Property="Background" Value="Transparent"></Setter>
    <Setter Property="HorizontalContentAlignment" Value="Stretch" />
    <Setter Property="VerticalContentAlignment" Value="Stretch" />
    <Setter Property="FontFamily" Value="Segoe UI" />
    <Setter Property="FontSize" Value="12" />
    <Setter Property="Padding" Value="3,3,3,3" />
    <Setter Property="BorderThickness" Value="0" />
    <Setter Property="SnapsToDevicePixels" Value="True" />

    <Setter Property="Template">
        <Setter.Value>
            <ControlTemplate TargetType="{x:Type TextBox}">
                <Border 
                        Name="Border"
                        CornerRadius="4" 
                        Padding="0"
                        Background="{StaticResource WindowBackgroundBrush}"
                        BorderBrush="{StaticResource SolidBorderBrush}"
                        BorderThickness="1,1,1.4,1.4" >
                    <ScrollViewer Margin="0" x:Name="PART_ContentHost" SnapsToDevicePixels="{TemplateBinding SnapsToDevicePixels}"/>
                </Border>

                <ControlTemplate.Triggers>
                    <Trigger Property="IsFocused" Value="True">
                        <Setter TargetName="Border" Property="BorderThickness" Value="1.4,1.4,1.8,1.8"></Setter>
                    </Trigger>
                    <Trigger Property="IsReadOnly" Value="True">
                        <Setter TargetName="Border" Property="Background" Value="{StaticResource DisabledBackgroundBrush}"/>
                    </Trigger>
                    <Trigger Property="Validation.HasError" Value="true">
                        <Setter Property="ToolTip"
                                Value="{Binding RelativeSource={RelativeSource Self}, 
                                Path=(Validation.Errors).CurrentItem.ErrorContent}"/>
                    </Trigger>
                </ControlTemplate.Triggers>
            </ControlTemplate>
        </Setter.Value>
    </Setter>
</Style>

现在我想在组合框中应用相同的边框样式。我读到可编辑组合框会带来一些麻烦，并且我发现建议使用 IsKeyboardFocusWithin 而不是 IsFocused。当我这样做时，我可以触发投影效果。那行得通。

但我的小边界不愿意。

我已将与上面相同的边框定义放在处理 ComboBox 类型的 ControlTemplate 下方的 Grid 部分中，然后希望可以使边框出现在组合框周围。目标名称显然已被识别，但仍然没有显示......

                    <Trigger Property="IsKeyboardFocusWithin" Value="true">
                        <Setter TargetName="Border" Property="BorderThickness" Value="1.4,1.4,1.8,1.8"></Setter>
                    </Trigger>

代码有什么问题？并且：是否可以将边框的定义放入自己的样式中，以便可以轻松引用文本框或组合框（因为引用正确的目标名称似乎存在问题）？

任何帮助将不胜感激！

Answer 1

复制/粘贴/运行此：（我知道样式被夸大且不完整，但目的是表明您可以相对简单地做到这一点......并为您提供想法，并指出当缺少所需的属性时，您也可以随时触发该事件）

我在那里放置了一个带有一些文本块的堆栈面板，这样当您运行它时，您可以单击不同的它们与组合框来查看正在工作的触发器。

可能很明显，但并非如此，如果您想添加边框厚度的触发器，请确保将组合边距增加相同的量。

<StackPanel>
    <TextBox>sfddf</TextBox>

    <Control>
        <Control.Template>
            <ControlTemplate>
                <Grid>
                    <Border x:Name="Border" BorderBrush="Green" BorderThickness="3"/>
                    <ComboBox x:Name="Combo" BorderThickness="0" BorderBrush="Transparent" Margin="3"/>
                </Grid>
                <ControlTemplate.Triggers>
                    <EventTrigger SourceName="Combo" RoutedEvent="Control.GotFocus">
                        <BeginStoryboard>
                            <Storyboard>
                                <ColorAnimation Storyboard.TargetName="Border" Storyboard.TargetProperty="BorderBrush.Color" From="Green" To="Red" Duration="0:0:0.1" />
                            </Storyboard>
                        </BeginStoryboard>
                    </EventTrigger>
                    <EventTrigger SourceName="Combo" RoutedEvent="Control.LostFocus">
                        <BeginStoryboard>
                            <Storyboard>
                                <ColorAnimation Storyboard.TargetName="Border" Storyboard.TargetProperty="BorderBrush.Color" From="Red" To="Green" Duration="0:0:0.1" />
                            </Storyboard>
                        </BeginStoryboard>
                    </EventTrigger>
                </ControlTemplate.Triggers>
            </ControlTemplate>
        </Control.Template>
    </Control>

    <TextBox>sdfsdfsd</TextBox>
</StackPanel>