WPF中ListBox项鼠标悬停时如何同步Path图标颜色变化？

当前的核心问题是：ListBoxItem的鼠标悬停触发器可正常改变前景色，但模板内的Path仅在鼠标直接悬停到自身时才会变色，无法和ListBoxItem的悬停状态同步。

方法1：绑定ListBoxItem的Foreground实现联动 #

利用WPF属性继承特性，让Path的Fill绑定到父级ListBoxItem的Foreground，实现颜色同步：

<Style x:Key="pathStyle" 
       TargetType="{x:Type Path}">
    <Setter Property="Height" Value="22" />
    <Setter Property="Width" Value="22" />
    <!-- 将Fill绑定到父级ListBoxItem的Foreground -->
    <Setter Property="Fill" Value="{Binding Foreground, RelativeSource={RelativeSource AncestorType=ListBoxItem}}" />
    <Setter Property="VerticalAlignment" Value="Center" />
    <Setter Property="Stretch" Value="Fill" />
    <Setter Property="Margin" Value="5" />
    <!-- 移除原有的IsMouseOver触发器 -->
</Style>

ListBoxItem的Style保持不变，鼠标悬停时ListBoxItem的Foreground变为Blue，Path的Fill会自动同步变化。

方法2：让Path监听父级ListBoxItem的悬停状态 #

修改Path的Style触发器，不再监听自身的IsMouseOver，而是监听父级ListBoxItem的状态：

<Style x:Key="pathStyle" 
       TargetType="{x:Type Path}">
    <Setter Property="Height" Value="22" />
    <Setter Property="Width" Value="22" />
    <Setter Property="Fill" Value="Gray" />
    <Setter Property="VerticalAlignment" Value="Center" />
    <Setter Property="Stretch" Value="Fill" />
    <Setter Property="Margin" Value="5" />

    <Style.Triggers>
        <!-- 绑定父级ListBoxItem的IsMouseOver状态 -->
        <DataTrigger Binding="{Binding IsMouseOver, RelativeSource={RelativeSource AncestorType=ListBoxItem}}" Value="True">
            <Setter Property="Fill" Value="SteelBlue"/>
        </DataTrigger>
    </Style.Triggers>
</Style>

这种方式无需修改ListBoxItem的Style，直接让Path感知容器的悬停状态。

方法3：在ListBoxItem模板中直接控制Path颜色 #

如果需要Path颜色和TextBlock前景色区分开，可以在ListBoxItem的ControlTemplate中添加触发器：

<ListBox.ItemContainerStyle>
    <Style TargetType="ListBoxItem">
        <Setter Property="Margin" Value="3"/>
        <Setter Property="Height" Value="40"/>
        <Setter Property="Foreground" Value="Black"/>

        <Setter Property="Template">
            <Setter.Value>
                <ControlTemplate TargetType="ListBoxItem">
                    <Border Background="{TemplateBinding Background}"
                            Padding="{TemplateBinding Padding}">
                        <ContentPresenter x:Name="contentPresenter"/>
                    </Border>
                    <ControlTemplate.Triggers>
                        <Trigger Property="IsMouseOver" Value="True">
                            <Setter Property="Foreground" Value="Blue"/>
                            <Setter Property="Background" Value="Tan"/>
                            <!-- 通过ContentPresenter找到内部的Path -->
                            <Setter TargetName="contentPresenter" Property="ContentTemplate.FindName(path, contentPresenter).Fill" Value="SteelBlue"/>
                        </Trigger>
                    </ControlTemplate.Triggers>
                </ControlTemplate>
            </Setter.Value>
        </Setter>
    </Style>
</ListBox.ItemContainerStyle>

优先选择方法1，代码最简洁且利用WPF原生特性，维护成本最低；若需要Path和TextBlock颜色差异化，可选择方法2。

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