2

次のように、XAML でこれを示すサンプルが多数あります。

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

</TreeViewItem>

しかし、実行時コードでこれを行う必要があります。TreeView の目的は、コンピューター上のファイルとフォルダーを表示することです。

したがって、コードでヘッダーを操作する方法がわかりません。

 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

誰でもコンセプトを実証できますか?

編集:私はそれを理解していると思います.TextBlockとImageの2つの別々のコントロールで水平StackPanelを使用する必要があります. これは正しいアプローチですか？

4

1 に答える 1

3

.

どのように開始すべきかについてのサンプルコードを次に示します。最初にこれを理解してから、必要に応じて適切な変更を加えてください。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>

このサンプル コードが大いに役立つことを願っています。:-)

.

于 2010-12-01T20:20:05.253 に答える