將圖像添加到wpf中的樹視圖

Question

我在wpf中有一個樹視圖控件..我需要在evry節點添加圖像。有沒有可能？

Answer 1

1. 移動圖像資源段，並設置X：共享= 「假」：

   <Window.Resources> 
   <Image Source="links.png" x:Key="imgLinks" x:Shared="False"/> 
   

2. 使用它的模板：<StaticResource ResourceKey="imgLinks"/>

Answer 2

如果你想爲每個節點提供獨特的圖像，您可以執行如下操作：

<TreeView> 
     <TreeViewItem> 
      <TreeViewItem.Header> 
       <Image Source="/WpfApplication2;component/folder.png" Height="25" Width="25"/> 
      </TreeViewItem.Header> 
     </TreeViewItem> 
     <TreeViewItem> 
      <TreeViewItem.Header> 
       <Image Source="/WpfApplication2;component/folder1.png" Height="25" Width="25"/> 
      </TreeViewItem.Header> 
     </TreeViewItem> 
     <TreeViewItem> 
      <TreeViewItem.Header> 
       <Image Source="/WpfApplication2;component/folder2.png" Height="25" Width="25"/> 
      </TreeViewItem.Header> 
     </TreeViewItem> 
     <TreeViewItem> 
      <TreeViewItem.Header> 
       <Image Source="/WpfApplication2;component/folder3.png" Height="25" Width="25"/> 
      </TreeViewItem.Header> 
     </TreeViewItem> 
    </TreeView> 

，或者，如果你想爲每一個節點相同的圖像，你可以做這樣的事情：

<Window.Resources> 
    <Image Source="/WpfApplication2;component/folder.png" Height="25" Width="25" x:Key="FolderIcon" x:Shared="false"/> 
</Window.Resources> 
<Grid> 
    <TreeView> 
     <TreeViewItem> 
      <TreeViewItem.Header> 
       <StaticResourceExtension ResourceKey="FolderIcon"/> 
      </TreeViewItem.Header> 
     </TreeViewItem> 
     <TreeViewItem> 
      <TreeViewItem.Header> 
       <StaticResourceExtension ResourceKey="FolderIcon"/> 
      </TreeViewItem.Header> 
     </TreeViewItem> 
     <TreeViewItem> 
      <TreeViewItem.Header> 
       <StaticResourceExtension ResourceKey="FolderIcon"/> 
      </TreeViewItem.Header> 
     </TreeViewItem> 
     <TreeViewItem> 
      <TreeViewItem.Header> 
       <StaticResourceExtension ResourceKey="FolderIcon"/> 
      </TreeViewItem.Header> 
     </TreeViewItem> 
    </TreeView> 
</Grid> 

希望這有助於。

UPDATE回答以下問題：「我怎樣才能改變圖像/圖標上點擊/擴展節點」

這裏是一個快速和骯髒的解決方案。

的XAML：

<Window.Resources> 
    <Image Source="/WpfApplication2;component/folder.png" Height="25" Width="25" x:Key="FolderIcon" x:Shared="false"/> 
    <Image Source="/WpfApplication2;component/folderOpened.jpg" Height="25" Width="25" x:Key="FolderOpenIcon" x:Shared="false"/> 
</Window.Resources> 
<Grid> 
    <TreeView> 
     <TreeViewItem PreviewMouseLeftButtonDown="itemExpanded" Name="treeViewItem"> 
      <TreeViewItem.Header> 
       <StaticResourceExtension ResourceKey="FolderIcon"/> 
      </TreeViewItem.Header> 
      <TreeViewItem> 
       <TreeViewItem/> 
      </TreeViewItem> 
     </TreeViewItem> 
    </TreeView> 
</Grid> 

C＃/代碼隱藏

public partial class MainWindow : Window 
{ 
    public MainWindow() 
    { 
     InitializeComponent(); 
    } 

    private void itemExpanded(object sender, RoutedEventArgs e) 
    { 
     if (treeViewItem.IsExpanded) 
     { 
      treeViewItem.Header = FindResource("FolderIcon"); 
     } 
     else 
     { 
      treeViewItem.Header = FindResource("FolderOpenIcon"); 
     }   
    } 
} 

您還可以在此使用 「展開」 事件以及完成。如果你想消除「代碼隱藏」，你也可以使用命令或轉換器來做到這一點。