如何一起使用 IsKeyboardFocusWithin 和 IsSelected？

Question

我为 ListBoxItems 定义了一个样式，当 IsSelected 为 True 时，使用触发器设置背景颜色：

    <Style x:Key="StepItemStyle" TargetType="{x:Type ListBoxItem}">
        <Setter Property="SnapsToDevicePixels" Value="true"/>
        <Setter Property="OverridesDefaultStyle" Value="true"/>
        <Setter Property="Template">
            <Setter.Value>
                <ControlTemplate TargetType="ListBoxItem">
                    <Border Name="Border" Padding="0" SnapsToDevicePixels="true">
                        <ContentPresenter />
                    </Border>
                    <ControlTemplate.Triggers>
                        <Trigger Property="IsSelected" Value="True">
                            <Setter TargetName="Border" Property="Background" Value="#40a0f5ff"/>
                        </Trigger>
                    </ControlTemplate.Triggers>
                </ControlTemplate>
            </Setter.Value>
        </Setter>
    </Style>

即使 ListBox 时，此样式也会保留所选项目code> 和 ListBoxItem 失去焦点，在我的例子中这是绝对必须的。 问题是，我还希望在 TextBox 的子项之一获得焦点时选择 ListBoxItem。为了实现此目的，我添加了一个触发器，当 IsKeyboardFocusWithin 为 true 时，将 IsSelected 设置为 true：

<Trigger Property="IsKeyboardFocusWithin" Value="True">
    <Setter Property="IsSelected" Value="True" />
</Trigger>

当我添加此触发器时，当焦点位于子 上时，将选择 Item TextBox，但第一个行为消失了。现在，当我在 ListBox 外部单击时，该项目将被取消选择。

我怎样才能保持这两种行为？

Answer 1

当您的列表框失去焦点时，它会将所选项目设置为空，因为您的触发器。您可以使用一些隐藏的代码来选择焦点，当您失去焦点时，这些代码不会取消选择。

XAML：

<Window x:Class="SelectedTest.Window1"
    xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation"
    xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"
    Height="300" Width="300">

    <StackPanel>
        <TextBox Text="Loose focus here" />
        <ListBox Name="_listBox" ItemsSource="{Binding Path=Items}">
            <ListBox.ItemTemplate>
                <DataTemplate>
                    <StackPanel Orientation="Horizontal" GotFocus="OnChildGotFocus">
                        <TextBox Text="{Binding .}" Margin="10" />
                        <TextBox Text="{Binding .}" Margin="10" />
                    </StackPanel>
                </DataTemplate>
            </ListBox.ItemTemplate>
            <ListBox.ItemContainerStyle>
                <Style TargetType="{x:Type ListBoxItem}">
                    <Setter Property="SnapsToDevicePixels" Value="true"/>
                    <Setter Property="OverridesDefaultStyle" Value="true"/>
                    <Setter Property="Template">
                        <Setter.Value>
                            <ControlTemplate TargetType="ListBoxItem">
                                <Border Name="Border" SnapsToDevicePixels="true" Background="Transparent">
                                    <ContentPresenter />
                                </Border>
                                <ControlTemplate.Triggers>
                                    <Trigger Property="IsSelected" Value="True">
                                        <Setter TargetName="Border" Property="Background" Value="Red"/>
                                    </Trigger>                                   
                                </ControlTemplate.Triggers>
                            </ControlTemplate>
                        </Setter.Value>
                    </Setter>
                </Style>
            </ListBox.ItemContainerStyle>
        </ListBox>
    </StackPanel>
</Window>

隐藏代码：

private void OnChildGotFocus(object sender, RoutedEventArgs e) 
{   
   _listBox.SelectedItem = (sender as StackPanel).DataContext; 
}

Answer 2

“当我添加此触发器时，当焦点位于子文本框上时，会选择该项目，但第一个行为会消失。现在，当我在列表框外部单击时，该项目将被取消选择。”

事实上，我不认为它已经失去了原来的行为。我怀疑正在发生的事情是您从其他地方直接单击文本框，因此底层的 ListBoxItem 实际上从未被选中。但是，如果确实如此，您会发现在您按照自己的意愿离开后，该选择仍然会保留。

您可以通过直接单击 ListBoxItem 来强制选择它来测试这一点（旁注：您应该始终给它一个背景，即使只是“透明”，这样它就可以接收鼠标点击，如果它为 null，则不会） ）或者甚至只需按“Shift-Tab”即可将焦点设置为从文本框返回。

但是，这并不能解决您的问题，即 TextBox 获得焦点但不让底层 ListBoxItem 知道它。

您可以使用两种方法：事件触发器或附加行为。

第一个是 IsKeyboardFocusWithinChanged 事件上的事件触发器，如果​​键盘焦点更改为 true，则将“IsSelected”设置为 true。 （注意：Sheridan 的答案做了一个虚假更改通知，但它不应该在您可以在列表中进行多项选择的情况下使用，因为所有内容都会被选中。）但即使是事件触发器也会导致问题，因为您会失去多选行为例如切换或范围单击等。

另一种（也是我的首选方法）是编写在 ListBoxItem 上设置的附加行为，可以直接设置，也可以通过样式（如果您愿意）设置。

这是附加的行为。注意：如果您想实现它，您将再次需要处理多选内容。另请注意，虽然我将行为附加到 ListBoxItem，但在内部我将其强制转换为 UIElement。这样，您还可以在 ComboBoxItem、TreeViewItem 等中使用它。基本上是基于选择器的控件中的任何 ContainerItem。

public class AutoSelectWhenAnyChildGetsFocus
{
    public static readonly DependencyProperty EnabledProperty = DependencyProperty.RegisterAttached(
        "Enabled",
        typeof(bool),
        typeof(AutoSelectWhenAnyChildGetsFocus),
        new UIPropertyMetadata(false, Enabled_Changed));

    public static bool GetEnabled(DependencyObject obj){ return (bool)obj.GetValue(EnabledProperty); }
    public static void SetEnabled(DependencyObject obj, bool value){ obj.SetValue(EnabledProperty, value); }

    private static void Enabled_Changed(DependencyObject sender, DependencyPropertyChangedEventArgs e)
    {
        var attachEvents = (bool)e.NewValue;
        var targetUiElement = (UIElement)sender;

        if(attachEvents)
            targetUiElement.IsKeyboardFocusWithinChanged += TargetUiElement_IsKeyboardFocusWithinChanged;
        else
            targetUiElement.IsKeyboardFocusWithinChanged -= TargetUiElement_IsKeyboardFocusWithinChanged;
    }

    static void TargetUiElement_IsKeyboardFocusWithinChanged(object sender, DependencyPropertyChangedEventArgs e)
    {
        var targetUiElement = (UIElement)sender;

        if(targetUiElement.IsKeyboardFocusWithin)
            Selector.SetIsSelected(targetUiElement, true);
    }

}

...并且您只需将其添加为 ListBoxItem 样式中的属性设置器。

<Setter Property="behaviors:AutoSelectWhenAnyChildGetsFocus.Enabled" Value="True" />

这当然假设您已经导入了一个名为“behaviors”的 XML 命名空间，该命名空间指向包含该类的命名空间。您可以将类本身放入共享的“Helper”库中，这就是我们所做的。这样，无论我们需要什么，它都是在 XAML 中设置的简单属性，而行为则负责处理其他所有事情。

Answer 3

我发现 IsKeyboardFocusWithin 不是最好的解决方案。

在本例中，我所做的是在用作 DataTemplate 的所有控件上设置样式，以发送要在后面的代码中处理的 GotFocus 事件。然后，在代码隐藏中，我搜索可视化树（使用 VisualTreeHelper）以找到 ListViewItem 并将 IsSelected 设置为 true< /代码>。这样，它就不会“接触”DataContext，而仅适用于 View 元素。

<Style TargetType="{x:Type Control}" x:Key="GridCellControlStyle">
...
<EventSetter Event="GotFocus" Handler="SelectListViewItemOnControlGotFocus"/>
...

private void SelectListViewItemOnControlGotFocus(object sender, RoutedEventArgs e)
{
var control = (Control)sender;
FocusParentListViewItem(control);
}

private void FocusParentListViewItem(Control control)
{
var listViewItem = FindVisualParent<ListViewItem>(control);
if (listViewItem != null)
    listViewItem.IsSelected = true;
}

public static T FindVisualParent<T>(UIElement element) where T : UIElement
{
UIElement parent = element; 

while (parent != null)
{
    var correctlyTyped = parent as T; 

    if (correctlyTyped != null)
    {
        return correctlyTyped;
    }

    parent = VisualTreeHelper.GetParent(parent) as UIElement;
} 

return null;
}