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



我有一个TreeView,其中的数据绑定到我的数据层次结构上的通用派生包装器类。我的绑定包装器类包括添加的字段,如"IsHilited"one_answers"IsExpanded"。

我想根据任何TreeViewItem的绑定数据属性"IsHiglighted"更改其背景。我想将Hilited项目的颜色设置为与默认选定项目背景颜色相同(或更浅)的颜色。

理想情况下,我不想修改现有的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>

仍未解决:如何将Hilited项目的颜色(请参阅上面的部分解决方案)绑定到"选定"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>

您可以再定义一个名为IsItemSelected的属性,并将其绑定到TreeViewItemIsSelected属性(类似于为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>

相关内容

  • 没有找到相关文章

最新更新