WPF如何修改TreeView选中项的背景与前景颜色

问题分析 #

你尝试的两段代码存在以下问题：

• 代码1：重写TreeViewItem模板时，缺少显示子项的ItemsPresenter，导致子节点无法正常展示；同时触发器中Panel.Background写法冗余，且未设置选中状态的前景色，样式逻辑不完整。
• 代码2：仅设置了默认状态的颜色，未针对IsSelected状态添加触发器，默认TreeViewItem的内置样式优先级更高，会覆盖你的设置，选中时不会触发颜色变化。

解决方案 #

方案1：通过Style触发器修改（无需重写完整模板） #

这种方式更简洁，直接在TreeViewItem的Style中添加IsSelected状态的触发器，覆盖默认样式：

<Style TargetType="{x:Type TreeViewItem}">
    <!-- 默认状态样式 -->
    <Setter Property="Background" Value="Yellow"/>
    <Setter Property="Foreground" Value="Black"/>
    <Setter Property="BorderBrush" Value="Magenta"/>
    <Setter Property="BorderThickness" Value="1"/>
    <!-- 选中状态触发器 -->
    <Style.Triggers>
        <Trigger Property="IsSelected" Value="True">
            <Setter Property="Background" Value="Green"/>
            <Setter Property="Foreground" Value="White"/>
            <Setter Property="BorderBrush" Value="Red"/>
        </Trigger>
        <!-- 可选：处理选中但失去焦点的状态 -->
        <MultiTrigger>
            <MultiTrigger.Conditions>
                <Condition Property="IsSelected" Value="True"/>
                <Condition Property="IsKeyboardFocusWithin" Value="False"/>
            </MultiTrigger.Conditions>
            <Setter Property="Background" Value="#FFDDDDDD"/>
            <Setter Property="Foreground" Value="#FF000000"/>
        </MultiTrigger>
    </Style.Triggers>
</Style>

方案2：重写完整ControlTemplate（需保留必要结构） #

如果需要完全自定义模板，必须包含ItemsPresenter来显示子节点，同时正确绑定状态属性：

<Style TargetType="{x:Type TreeViewItem}">
    <Setter Property="Template">
        <Setter.Value>
            <ControlTemplate TargetType="{x:Type TreeViewItem}">
                <Grid>
                    <Grid.ColumnDefinitions>
                        <ColumnDefinition Width="Auto"/>
                        <ColumnDefinition Width="*"/>
                    </Grid.ColumnDefinitions>
                    <Grid.RowDefinitions>
                        <RowDefinition Height="Auto"/>
                        <RowDefinition Height="*"/>
                    </Grid.RowDefinitions>
                    <!-- 头部区域 -->
                    <Border x:Name="Bd"
                            Grid.Column="0" Grid.ColumnSpan="2"
                            Background="{TemplateBinding Background}"
                            BorderBrush="{TemplateBinding BorderBrush}"
                            BorderThickness="{TemplateBinding BorderThickness}"
                            Padding="{TemplateBinding Padding}"
                            SnapsToDevicePixels="True">
                        <ContentPresenter x:Name="PART_Header"
                                          ContentSource="Header"
                                          HorizontalAlignment="{TemplateBinding HorizontalContentAlignment}"
                                          SnapsToDevicePixels="{TemplateBinding SnapsToDevicePixels}"/>
                    </Border>
                    <!-- 子项容器 -->
                    <ItemsPresenter x:Name="ItemsHost"
                                    Grid.Row="1" Grid.Column="1"
                                    Visibility="Collapsed"/>
                </Grid>
                <ControlTemplate.Triggers>
                    <!-- 展开/折叠触发器 -->
                    <Trigger Property="IsExpanded" Value="True">
                        <Setter TargetName="ItemsHost" Property="Visibility" Value="Visible"/>
                    </Trigger>
                    <!-- 选中状态触发器 -->
                    <Trigger Property="IsSelected" Value="True">
                        <Setter TargetName="Bd" Property="Background" Value="Green"/>
                        <Setter TargetName="Bd" Property="Foreground" Value="White"/>
                        <Setter TargetName="Bd" Property="BorderBrush" Value="Red"/>
                    </Trigger>
                    <!-- 默认状态 -->
                    <Trigger Property="IsSelected" Value="False">
                        <Setter TargetName="Bd" Property="Background" Value="Yellow"/>
                        <Setter TargetName="Bd" Property="Foreground" Value="Black"/>
                        <Setter TargetName="Bd" Property="BorderBrush" Value="Magenta"/>
                    </Trigger>
                    <!-- 鼠标悬停状态（可选） -->
                    <Trigger Property="IsMouseOver" Value="True">
                        <Setter TargetName="Bd" Property="Background" Value="#FFE5F1FB"/>
                    </Trigger>
                </ControlTemplate.Triggers>
            </ControlTemplate>
        </Setter.Value>
    </Setter>
</Style>

注意事项 #

• 确保Style的作用域正确：如果TreeView定义在UserControl或Window中，Style需放在对应的Resources节点内；全局样式则放在App.xaml的Resources中。
• 若TreeView使用了ItemContainerStyle，需确保样式正确关联到该属性（可参考代码2的写法，但需补充选中状态触发器）。

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