不同的“IsSelected"在TreeView上为每个节点设置颜色

本文关键字：节点 颜色 设置 TreeView IsSelected quot | 更新日期: 2023-09-27 18:12:18

我有一个TreeView，它在层次结构中表示几种不同的数据类型。我在我的UserControl.Resources中定义了多个HierarchicalDataTemplate，我用它来根据其数据类型改变每个节点的外观:

<UserControl.Resources>
    <HierarchicalDataTemplate DataType="{x:Type local:MyFirstType}" ItemsSource="{Binding Children}">
        ....
    </HierarchicalDataTemplate>
    <HierarchicalDataTemplate DataType="{x:Type local:MySecondType}" ItemsSource="{Binding Children}">
        ....
    </HierarchicalDataTemplate>
    .... etc ....
</UserControl.Resources>

我想有每个类型的节点有不同的悬停和选择的颜色。但是，我发现的所有关于更改这些颜色的示例(例如，这个问题)都涉及更改一些系统定义的资源，如HighlightBrushKey。由于我无法访问由TreeView生成的TreeViewItem s，我如何在每个项目的基础上重写这些资源值?

不同的“IsSelected"在TreeView上为每个节点设置颜色

我通过设置你提到的SystemColors来制作SelectedItem Background Transparent，然后在Border元素中声明我的项目，这样我就可以使用DataTrigger和RelativeSource Binding分别设置它们的Background颜色:

<SolidColorBrush x:Key="{x:Static SystemColors.HighlightBrushKey}" Color="Transparent" />
<SolidColorBrush x:Key="{x:Static SystemColors.ControlBrushKey}" Color="Transparent" />

…

<HierarchicalDataTemplate DataType="{x:Type local:MyFirstType}" 
    ItemsSource="{Binding Children}">
    <Border>
        <Border.Style>
            <Style TargetType="{x:Type Border}">
                <Setter Property="Background" Value="AliceBlue" />
                <Style.Triggers>
                    <DataTrigger Binding="{Binding IsSelected, RelativeSource={
                        RelativeSource AncestorType={x:Type TreeViewItem}}}" 
                        Value="True">
                        <Setter Property="Background" Value="LightGreen" />
                    </DataTrigger>
                </Style.Triggers>
            </Style>
        </Border.Style>
    </Border>
    <!-- Your content here -->
</HierarchicalDataTemplate>

相关文章：