wpf 如何根据绑定数据的属性更改 TreeViewItem 背景颜色？

How to change TreeViewItem background color according to property of bound data?

提问by Eric Ouellet

I have a TreeView where the data is bound to generic derived wrapper classes over my data hierarchy. My bound wrapper classes include added fields like "IsHilighted" and "IsExpanded".

我有一个 TreeView，其中数据绑定到我的数据层次结构上的通用派生包装类。我的绑定包装类包括添加的字段，如“IsHilighted”和“IsExpanded”。

I would like to change the background of any TreeViewItem according to its bound data property "IsHiglighted". I would like to set the color of Hilighted item to the same (or lighter) color as the default Selected item background color.

我想根据其绑定数据属性“IsHiglighted”更改任何 TreeViewItem 的背景。我想将 Hilighted 项目的颜色设置为与默认 Selected 项目背景颜色相同（或更浅）的颜色。

Ideally, I would like to not modify existing XAML... I mean being able to eventually add the behavior through code.

理想情况下，我不想修改现有的 XAML……我的意思是最终能够通过代码添加行为。

UPDATE

更新

I have found a partial solution: I had to add triggers as defined below. Code included below.

我找到了一个部分解决方案：我必须添加如下定义的触发器。代码包含在下面。

        <Style TargetType="TreeViewItem">
            <Setter Property="IsExpanded" Value="{Binding Path=IsExpanded}"/>

            <Style.Triggers>
                <DataTrigger Binding="{Binding Path=IsHilighted}" Value="true">
                    <Setter Property="Background" Value="SlateBlue"></Setter>
                    <Setter Property="Opacity" Value="160"></Setter>
                </DataTrigger>
            </Style.Triggers>
        </Style>

Still not resolved: How could I bind the color of Hilighted item (see partial solution above) to the "Selected" TreeViewItem background color, i.e. replace "SlateBlue" on partial solution to binding to existing selected item style background color ?

仍然没有解决：如何将 Hilighted 项目的颜色（参见上面的部分解决方案）绑定到“Selected”TreeViewItem 背景颜色，即替换部分解决方案中的“SlateBlue”以绑定到现有的选定项目样式背景颜色？

Original TreeView XAML code:

原始 TreeView XAML 代码：

<TreeView Name="TreeViewSelectScopeStudy" MinHeight="24" Margin="7" ItemsSource="{Binding Path=TvItemRootPssTreeViewRoot.ChildsView}" Height="Auto"
    VerticalAlignment="Stretch"
    VirtualizingStackPanel.IsVirtualizing="True"
    VirtualizingStackPanel.VirtualizationMode="Recycling">

    <TreeView.Resources>

        <Style TargetType="TreeViewItem">
            <Setter Property="IsExpanded" Value="{Binding Path=IsExpanded}"/>
        </Style>


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

        <HierarchicalDataTemplate DataType="{x:Type scopeSelection:WrapperSimulatedInfoStudy}" ItemsSource="{Binding Path=Childs}">
            <StackPanel Orientation="Horizontal">
                <CheckBox IsChecked="{Binding Path=IsSelected}"></CheckBox>
                <TextBlock Text="{Binding Path=TvItemName}" Margin="5,0,0,0"></TextBlock>
            </StackPanel>
        </HierarchicalDataTemplate>

        <HierarchicalDataTemplate DataType="{x:Type scopeSelection:WrapperSimulatedInfoSimulation}">
            <StackPanel Orientation="Horizontal" ToolTip="{Binding Path=Item.InvalidityReason}">
                <StackPanel.Style>
                    <Style TargetType="{x:Type StackPanel}">
                        <Style.Triggers>
                            <DataTrigger Binding="{Binding Path=Item.IsValid}" Value="false">
                                <Setter Property="Opacity" Value="160"></Setter>
                            </DataTrigger>
                        </Style.Triggers>
                    </Style>
                </StackPanel.Style>
                <CheckBox IsChecked="{Binding Path=IsSelected}" IsEnabled="{Binding Path=Item.IsValid}" ToolTip="{Binding Path=Item.InvalidityReason}"></CheckBox>
                <CheckBox IsChecked="{Binding Path=IsHilighted}"></CheckBox>
                <TextBlock Text="{Binding Path=TvItemName}" Margin="5,0,0,0" ToolTip="{Binding Path=Item.InvalidityReason}">
                    <TextBlock.Style>
                        <Style TargetType="{x:Type TextBlock}">
                            <Style.Triggers>
                                <DataTrigger Binding="{Binding Path=Item.IsValid}" Value="false">
                                    <Setter Property="Background" Value="LightPink"></Setter>
                                </DataTrigger>
                            </Style.Triggers>
                        </Style>
                    </TextBlock.Style>
                </TextBlock>
            </StackPanel>
        </HierarchicalDataTemplate>
    </TreeView.Resources>
</TreeView>

回答by Anand Murali

You could define one more property called IsItemSelectedand bind it to TreeViewItems IsSelectedproperty (similar to how you have done for IsExpanded).

您可以再定义一个名为的属性IsItemSelected并将其绑定到TreeViewItemsIsSelected属性（类似于您为 所做的方式IsExpanded）。

<Style TargetType="TreeViewItem">
    <Setter Property="IsExpanded" Value="{Binding Path=IsExpanded}"/>
    <Setter Property="IsSelected" Value="{Binding Path=IsItemSelected}"/>
</Style>

Then you could define a DataTriggerfor the IsItemSelectedproperty and set the background color.

然后您可以DataTrigger为该IsItemSelected属性定义一个并设置背景颜色。

<DataTrigger Binding="{Binding Path=IsItemSelected}" Value="true">
    <Setter Property="Background" Value="Blue"></Setter>
</DataTrigger>