2

我有这个代码来创建TreeViewitems我稍后添加到TreeView. 这一切都是以编程方式完成的。

TreeViewItem tvi = new TreeViewItem {
                                        Header = ni.name,
                                        Uid = itemName,
                                        Background = color 
                                    };

我希望能够以TreeViewItems编程方式将图像添加为图标。我正在这样做，但我只能在其中看到TreeView名为 as 的项目，System.Windows.Controls.StackPanel这很奇怪。也没有显示图像。我在我的代码中使用它。请帮忙：

TreeViewItem tvi = new TreeViewItem
{
    Header = new System.Windows.Controls.StackPanel
    {
        Children = 
        {
            new System.Windows.Controls.Image{Source = b},
            new System.Windows.Controls.TextBlock
            {
                Text = ni.name
            }
        }
    },

    Uid = itemName,
    Background = color
};

我也尝试了这种XAML based方法。我的XAML based方法如下所示 XAML：

<TreeView ItemsSource="{Binding}" Grid.Row="1" Grid.Column="0" Name="TreeView1" HorizontalAlignment="Stretch" VerticalAlignment="Stretch" TreeViewItem.Selected="TreeViewItem_OnItemSelected">
    <TreeView.ItemTemplate>
        <DataTemplate>
            <StackPanel Orientation="Horizontal">
                <TextBlock Text="{Binding Path= iName}" Margin="5,0" />    
            </StackPanel>
        </DataTemplate>
    </TreeView.ItemTemplate>
</TreeView>

我没有像之前那样添加 tvi，而是这样做：

//  node.Items.Add(tvi); //for non-xaml approach
var ti = new TreeItem { iName = ni.name};
node.Items.Add(ti);

我的TreeItem课看起来像这样：

namespace DeveloperTool
{
    public class TreeItem
    {
        public string iName
        {
            get; set;
        }     
    }
}

即使对于我使用的这种方法，我也看到TreeViewItems了 names DeveloperTool。TreeItem而不是我绑定的实际名称。为简单起见，我只尝试了TextBlock第一个（不包括图像）。有人可以在这里查看我做错了什么。两种方法都会导致相同的情况。

4

1 回答 1

1

基于您的示例的问题是需要标题模板。将此片段添加到您的 TreeView 声明中...

        <TreeView.Resources>
            <Style TargetType="{x:Type TreeViewItem}">
                <Setter Property="HeaderTemplate">
                    <Setter.Value>
                        <DataTemplate>
                            <StackPanel Orientation="Horizontal">
                                <Image  Margin="2"  Source="{Binding ...}"/>
                                <TextBlock Text="{Binding}"></TextBlock>
                            </StackPanel>
                        </DataTemplate>
                    </Setter.Value>
                </Setter>
            </Style>
        </TreeView.Resources>

这为您提供了一个可以绑定到的 HeaderTemplate。当然，您必须添加正确的绑定功能才能使此代码段编译和工作，否则您现有的大部分代码都可以挽救。

于 2013-06-02T02:28:33.710 回答