如何更改在WPF树视图节点的图像时的节点展开或折叠？ [英] How do I change an image of a node in a WPF treeview when the node is expanded or collapsed?

问题描述

我的XAML是这样的：

My Xaml looks like this:

<TreeView Name="mainTree" ItemsSource="{Binding Folders}">
  <TreeView.Resources>
    <Style TargetType="{x:Type TreeViewItem}">
      <Setter Property="IsExpanded" Value="{Binding IsExpanded, Mode=TwoWay}" />
      <Style.Triggers>
        <!-- ??? -->
      </Style.Triggers>
    </Style>
    <HierarchicalDataTemplate DataType="{x:Type local:FolderNode}" ItemsSource="{Binding Children}" >
      <StackPanel Orientation="Horizontal" Name="myPanel">
        <Image x:Name="treeImg" Width="16" Height="16" Source="Images/vsfolder_closed.png"/>
        <TextBlock Text="{Binding Name}" />
      </StackPanel>
      <HierarchicalDataTemplate.Triggers>
        <!-- ??? -->
      </HierarchicalDataTemplate.Triggers>
    </HierarchicalDataTemplate>
  </TreeView.Resources>
</TreeView>

现在我想是，如果一个TreeNode扩大，图像源更改图像/ vsfolder_open。 PNG ...

Now what I would like is if a treenode is expanded, the image source changes to Images/vsfolder_open.png...

什么是做到这一点的最简单的方法？

What would be the easiest way to do that?

谢谢！

推荐答案

添加DataTrigger到HierarchicalDataTemplate。既然你有双向绑定的属性IsExpanded在视图模型，你可以给它绑定和使用，因为在一个DataTemplate的名称范围中的TargetName。

Add a DataTrigger to the HierarchicalDataTemplate. Since you have two-way binding to the Property IsExpanded in the ViewModel you can bind to it and use TargetName because of the namescope in a DataTemplate.

<HierarchicalDataTemplate.Triggers>
    <DataTrigger Binding="{Binding IsExpanded}" Value="True">
        <Setter TargetName="treeImg"
                Property="Source"
                Value="Images/vsfolder_open.png"/>
    </DataTrigger>
</HierarchicalDataTemplate.Triggers>

这篇关于如何更改在WPF树视图节点的图像时的节点展开或折叠？的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！