wpf TreeView.ItemTemplate

WPF的TreeView控件是一种用于显示层次结构数据的控件，通过ItemTemplate属性可以定义每个节点的外观。ItemTemplate属性是一个数据模板，它定义了TreeView中每个节点的显示方式。

以下是一个示例，展示如何使用ItemTemplate来自定义TreeView的外观：

<TreeView ItemsSource="{Binding Categories}">
    <TreeView.ItemTemplate>
        <HierarchicalDataTemplate ItemsSource="{Binding Subcategories}">
            <TextBlock Text="{Binding Name}" />
        </HierarchicalDataTemplate>
    </TreeView.ItemTemplate>
</TreeView>

在上面的示例中，我们绑定了TreeView的ItemsSource属性到一个名为Categories的集合。然后，我们使用HierarchicalDataTemplate作为ItemTemplate，这意味着每个节点都是可以展开的，并且其子节点由Subcategories属性提供。在模板中，我们使用一个TextBlock来显示节点的名称。

相关问题

WPF treeview例子

以下是一个基于WPF的treeview树形多列用户控件的例子，你可以参考它来实现你自己的需求：

<Window x:Class="WpfTreeViewExample.MainWindow"
        xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation"
        xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"
        Title="MainWindow" Height="350" Width="525">
    <Grid>
        <TreeView ItemsSource="{Binding}">
            <TreeView.ItemTemplate>
                <HierarchicalDataTemplate ItemsSource="{Binding Children}">
                    <Grid>
                        <Grid.ColumnDefinitions>
                            <ColumnDefinition Width="Auto"/>
                            <ColumnDefinition Width="*"/>
                        </Grid.ColumnDefinitions>
                        <TextBlock Text="{Binding Name}" Grid.Column="0"/>
                        <TextBlock Text="{Binding Description}" Grid.Column="1"/>
                    </Grid>
                </HierarchicalDataTemplate>
            </TreeView.ItemTemplate>
        </TreeView>
    </Grid>
</Window>

public class TreeViewItem
{
    public string Name { get; set; }
    public string Description { get; set; }
    public ObservableCollection<TreeViewItem> Children { get; set; } = new ObservableCollection<TreeViewItem>();
}

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

        var root = new TreeViewItem { Name = "Root", Description = "This is the root item" };
        root.Children.Add(new TreeViewItem { Name = "Child 1", Description = "This is the first child item" });
        root.Children.Add(new TreeViewItem { Name = "Child 2", Description = "This is the second child item" });

        DataContext = new ObservableCollection<TreeViewItem> { root };
    }
}

wpf treeview多选

WPF TreeView 可以通过设置 SelectionMode 属性来启用多选模式。默认情况下，TreeView 的 SelectionMode 属性是 Single，只能选择一个节点。如果要启用多选模式，可以将 SelectionMode 属性设置为 Extended。

以下是一个简单的示例，演示如何在 WPF TreeView 中启用多选模式：

<TreeView ItemsSource="{Binding Items}" SelectionMode="Extended">
    <TreeView.ItemContainerStyle>
        <Style TargetType="{x:Type TreeViewItem}">
            <Setter Property="IsSelected" Value="{Binding IsSelected, Mode=TwoWay}" />
        </Style>
    </TreeView.ItemContainerStyle>
    <TreeView.ItemTemplate>
        <HierarchicalDataTemplate ItemsSource="{Binding Children}">
            <TextBlock Text="{Binding Name}" />
        </HierarchicalDataTemplate>
    </TreeView.ItemTemplate>
</TreeView>

在上面的示例中，我们将 TreeView 的 SelectionMode 属性设置为 Extended，使其启用多选模式。然后，我们使用 TreeViewItem 的样式将其 IsSelected 属性绑定到 ViewModel 中的 IsSelected 属性。最后，我们使用 HierarchicalDataTemplate 定义 TreeView 的节点模板。

ViewModel 代码如下：

public class ItemViewModel : INotifyPropertyChanged
{
    public string Name { get; set; }
    public ObservableCollection<ItemViewModel> Children { get; set; }

    private bool _isSelected;
    public bool IsSelected
    {
        get { return _isSelected; }
        set
        {
            if (_isSelected != value)
            {
                _isSelected = value;
                OnPropertyChanged(nameof(IsSelected));
            }
        }
    }

    public event PropertyChangedEventHandler PropertyChanged;
    protected void OnPropertyChanged(string propertyName)
    {
        PropertyChanged?.Invoke(this, new PropertyChangedEventArgs(propertyName));
    }
}

在 ViewModel 中，我们定义了一个 IsSelected 属性，并在 TreeViewItem 的样式中将其绑定到 TreeView 中的 IsSelected 属性。当用户选择或取消选择节点时，ViewModel 中的 IsSelected 属性将更新。

希望这个示例可以帮助你实现 WPF TreeView 的多选模式。