在运行时向 WPF TreeViewItem 添加图标

Question

有许多示例在 XAML 中演示了这一点，如下所示：

<TreeViewItem>
<TreeViewItem.Header>
<StackPanel Orientation="Horizontal">
<Image Source="..."/>
<TextBlock>Hello</TextBlock>
</StackPanel>
</TreeViewItem.Header>

</TreeViewItem>

但我需要在运行时代码中执行此操作 - TreeView 的目的是显示计算机上的文件和文件夹。

所以我不确定如何在代码中使用 Header：

 For Each f In directory.GetFiles()

        Dim icon = System.Drawing.Icon.ExtractAssociatedIcon(f.FullName)
        Dim name As String = f.Name    

        Dim item As New TreeViewItem
         item.Header = ...


 Next

任何人都可以演示这个概念吗？

编辑：我想我明白了，我应该使用水平 StackPanel 和两个单独的控件 - TextBlock 和 Image。这是正确的方法吗？

Answer 1

。

以下是有关如何开始的示例代码。首先了解这一点，然后进行适当的更改以满足您的需求。用 C# 和 XAML 编写的代码。希望您能够理解 C# 并能够将其转换为 Basic。

    public class NameIconPair
    {
        public String Name { get; set; }
        public BitmapSource IconSource { get; set; }
    }

    public partial class Window1 : Window
    {
        public Window1()
        {
            InitializeComponent();

            var files = System.IO.Directory.GetFiles("E:\\");
            ObservableCollection<NameIconPair> pairs = new ObservableCollection<NameIconPair>();
            foreach (string file in files)
            {
                System.Drawing.Icon icon = System.Drawing.Icon.ExtractAssociatedIcon(file);
                Stream stream = new MemoryStream();
                icon.Save(stream);
                BitmapDecoder decoder = IconBitmapDecoder.Create(stream, BitmapCreateOptions.None, BitmapCacheOption.None);
                BitmapSource src = decoder.Frames[0];
                pairs.Add(new NameIconPair() { Name = file,  IconSource = src });
            }
            this.DataContext = pairs;
        }
    }

这是 XAML 代码：

    <TreeView ItemsSource="{Binding}">
        <TreeView.ItemTemplate>
            <DataTemplate>
                <StackPanel Orientation="Horizontal">
                    <Image Source="{Binding IconSource}"/>
                    <TextBlock Text="{Binding Name}"/>
                </StackPanel>
            </DataTemplate>
        </TreeView.ItemTemplate>
    </TreeView>

希望这个示例代码会对您有很大帮助。 :-)

。