Expander 作为 ListBoxItem 不会触发选择

在 WPF 中，ListBox 是一种非常常见的控件，用于显示列表数据。通常情况下，我们可以在 ListBox 中添加 ListBoxItem 作为每个列表项。然而，在某些情况下，我们可能希望在 ListBoxItem 内部使用 Expander 控件，以实现可展开和折叠的功能。然而，我们可能会发现一个问题，即当 Expander 作为 ListBoxItem 时，它不会触发选择。本文将探讨这个问题，并提供一种解决方案。

问题描述：

当我们将 Expander 控件作为 ListBoxItem 的内容时，我们会发现无法通过点击 Expander 控件来选择 ListBoxItem。这意味着当用户点击 Expander 控件时，ListBoxItem 不会被选中，也无法触发选中事件。这可能会导致一些交互问题，特别是在用户希望通过点击 Expander 控件来展开或折叠列表项的情况下。

问题分析：

这个问题的原因是因为 Expander 控件默认会将鼠标事件处理为自己的内部事件，而不会将其传递给 ListBoxItem。因此，当我们点击 Expander 控件时，实际上 ListBoxItem 并不知道发生了点击事件，因此也就不会被选中。

解决方案：

要解决这个问题，我们可以通过为 Expander 控件的鼠标点击事件添加一些自定义逻辑来实现 ListBoxItem 的选择。具体而言，我们可以在 Expander 的 PreviewMouseLeftButtonDown 事件中，手动将 ListBoxItem 设置为选中状态。

下面是一个示例代码，演示了如何解决这个问题：

xaml
<ListBox>
    <ListBoxItem>
        <Expander PreviewMouseLeftButtonDown="Expander_PreviewMouseLeftButtonDown">
            <Expander.Header>
                <TextBlock>列表项1</TextBlock>
            </Expander.Header>
            <Expander.Content>
                <TextBlock>这是列表项1的内容。</TextBlock>
            </Expander.Content>
        </Expander>
    </ListBoxItem>
    <ListBoxItem>
        <Expander PreviewMouseLeftButtonDown="Expander_PreviewMouseLeftButtonDown">
            <Expander.Header>
                <TextBlock>列表项2</TextBlock>
            </Expander.Header>
            <Expander.Content>
                <TextBlock>这是列表项2的内容。</TextBlock>
            </Expander.Content>
        </Expander>
    </ListBoxItem>
    <ListBoxItem>
        <Expander PreviewMouseLeftButtonDown="Expander_PreviewMouseLeftButtonDown">
            <Expander.Header>
                <TextBlock>列表项3</TextBlock>
            </Expander.Header>
            <Expander.Content>
                <TextBlock>这是列表项3的内容。</TextBlock>
            </Expander.Content>
        </Expander>
    </ListBoxItem>
</ListBox>

在上面的代码中，我们为每个 Expander 的 PreviewMouseLeftButtonDown 事件添加了一个名为 "Expander_PreviewMouseLeftButtonDown" 的事件处理程序。在事件处理程序中，我们首先获取到当前的 ListBoxItem，然后将其设置为选中状态。

csharp
private void Expander_PreviewMouseLeftButtonDown(object sender, MouseButtonEventArgs e)
{
    Expander expander = sender as Expander;
    ListBoxItem listBoxItem = FindAncestor<ListBoxItem>(expander);
    if (listBoxItem != null)
    {
        listBoxItem.IsSelected = true;
    }
}
private static T FindAncestor<T>(DependencyObject current)
    where T : DependencyObject
{
    do
    {
        if (current is T ancestor)
        {
            return ancestor;
        }
        current = VisualTreeHelper.GetParent(current);
    }
    while (current != null);
    return null;
}

在上面的代码中，我们使用了一个辅助方法 FindAncestor 来查找当前 Expander 的父级 ListBoxItem。这是因为 Expander 并不是直接作为 ListBoxItem 的子元素，而是嵌套在其中。通过逐级向上查找，我们可以找到包含当前 Expander 的 ListBoxItem，并将其设置为选中状态。

：

通过在 Expander 的 PreviewMouseLeftButtonDown 事件中手动设置 ListBoxItem 的选中状态，我们可以解决 Expander 作为 ListBoxItem 不会触发选择的问题。这样，用户就可以通过点击 Expander 控件来选中 ListBoxItem，实现了可展开和折叠的功能，并且不会影响选中事件的触发。

参考代码和文档链接：

- 完整示例代码：[GitHub Gist](https://gist.github.com/example)

- WPF Expander 文档：[Microsoft Docs](https://docs.microsoft.com/en-us/dotnet/api/system.windows.controls.expander?view=net-6.0)