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

Question

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

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

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

更新

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

        <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>

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

原始 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>

Answer 1

您可以再定义一个名为IsItemSelected 的属性并将其绑定到TreeViewItems IsSelected 属性（类似于您对IsExpanded 所做的操作）。

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

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

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