WPF TreeView选中项标记实现及完整点击对象获取方法咨询

作为C#和WPF新手，刚开始搞TreeView确实容易踩一些容器和数据绑定的小坑，我给你一步步解决这两个问题：

一、实现TreeView项的选中标记（类似DataGrid行选中） #

首先得纠正你一个小错误：你的ItemTemplate里嵌套了TreeViewItem，这会导致WPF生成两层TreeViewItem容器，反而干扰选中和事件逻辑，先把这个改掉。接下来用WPF原生的选中机制实现标记效果：

1. 给数据模型加选中属性 #

先在你的IRequest接口里添加IsSelected属性（记得实现INotifyPropertyChanged，不然UI不会跟着数据更新）：

public interface IRequest : INotifyPropertyChanged
{
    // 你的现有属性：TypePage、Childrens、NodeType...
    bool IsSelected { get; set; }
}

2. 修改TreeView的样式和绑定 #

把TreeView的XAML改成这样，通过ItemContainerStyle绑定选中属性，并设置选中时的视觉效果：

<TreeView Name="Tv_request" Grid.Row="1" HorizontalAlignment="Stretch" VerticalAlignment="Stretch" 
          ItemsSource="{Binding Path=RequestSet}">
    <TreeView.ItemTemplate>
        <HierarchicalDataTemplate ItemsSource="{Binding Childrens}" DataType="{x:Type local:IRequest}">
            <!-- 不要嵌套TreeViewItem，直接用TextBlock展示内容即可 -->
            <TextBlock Text="{Binding TypePage}" />
        </HierarchicalDataTemplate>
    </TreeView.ItemTemplate>
    <TreeView.ItemContainerStyle>
        <Style TargetType="{x:Type TreeViewItem}">
            <Setter Property="IsExpanded" Value="True" />
            <!-- 双向绑定IsSelected到数据模型的属性 -->
            <Setter Property="IsSelected" Value="{Binding IsSelected, Mode=TwoWay}" />
            <!-- 设置选中/鼠标悬停的视觉效果，对齐DataGrid行选中的样式 -->
            <Style.Triggers>
                <Trigger Property="IsSelected" Value="True">
                    <Setter Property="Background" Value="#FF3399FF" />
                    <Setter Property="Foreground" Value="White" />
                </Trigger>
                <Trigger Property="IsMouseOver" Value="True">
                    <Setter Property="Background" Value="#FFE5F1FF" />
                </Trigger>
            </Style.Triggers>
        </Style>
    </TreeView.ItemContainerStyle>
</TreeView>

3. 处理选中逻辑（可选） #

如果需要单选（每次只能选中一项），可以订阅TreeView的SelectedItemChanged事件：

private void Tv_request_SelectedItemChanged(object sender, RoutedPropertyChangedEventArgs<object> e)
{
    if (e.NewValue is IRequest selectedItem)
    {
        // 把其他项的IsSelected设为false，实现单选效果
        foreach (var item in RequestSet)
        {
            if (item != selectedItem) item.IsSelected = false;
        }
        // 这里可以添加选中后的业务逻辑
    }
}

二、用ContentPresenter时获取完整的IRequest对象 #

你遇到的问题是因为只关注了Content属性，但ContentPresenter的DataContext还是完整的IRequest对象！只要通过DataContext就能拿到完整数据：

方式1：通过事件获取 #

在MouseUp事件里，从sender的DataContext取完整对象：

private void TreeViewItem_MouseUp(object sender, MouseButtonEventArgs e)
{
    var element = sender as FrameworkElement;
    if (element?.DataContext is IRequest fullRequest)
    {
        // 这里就拿到完整的IRequest对象了
        // 比如设置选中状态：fullRequest.IsSelected = !fullRequest.IsSelected;
    }
}

方式2：用MVVM命令更优雅（推荐） #

新手可以慢慢过渡到MVVM模式，用命令代替事件，直接把当前对象传过去：

<ContentPresenter Content="{Binding NodeType}">
    <ContentPresenter.InputBindings>
        <MouseBinding MouseAction="LeftClick" 
                      Command="{Binding DataContext.SelectRequestCommand, RelativeSource={RelativeSource AncestorType=TreeView}}"
                      CommandParameter="{Binding}" />
    </ContentPresenter.InputBindings>
</ContentPresenter>

然后在ViewModel里定义命令（需要实现ICommand，可以用RelayCommand，很多MVVM框架都自带，也可以自己写简易版）：

public ICommand SelectRequestCommand { get; }

// 构造函数里初始化命令
public YourViewModel()
{
    SelectRequestCommand = new RelayCommand<IRequest>(request =>
    {
        // 直接拿到完整的IRequest对象，处理业务逻辑
        request.IsSelected = !request.IsSelected;
        // 单选逻辑同理
        foreach (var item in RequestSet)
        {
            if (item != request) item.IsSelected = false;
        }
    });
}

内容的提问来源于stack exchange，提问作者Teti