WPF如何将用户控件内TreeView选中项绑定到主窗口TabControl

方法一：依赖属性绑定推荐 #

这种方式最贴合WPF的设计逻辑，通过给UserControl暴露一个可绑定的属性，实现和主窗口TabControl的联动。

1. 调整标识匹配 #

首先给主窗口的TabItem加上Tag属性，对应TreeViewItem的Uid（保证两者标识一致才能匹配），同时修正你TabControl里的语法错误：

<TabControl Grid.Column="1" x:Name="mainTabControl">
    <TabItem Header="tabPs" Tag="tabData1"/>
    <TabItem Header="tabPln" Tag="tabData2"/>
    <TabItem Header="tabLn" Tag="tabData3"/>
    <TabItem Header="tabAx" Tag="tabData4"/>
    <TabItem Header="tabSp" Tag="tabData5"/>
    <TabItem Header="tabPL" Tag="tabData6"/>
    <TabItem Header="tabPk" Tag="tabData7"/>
    <TabItem Header="tabAP"/> <!-- 不需要关联的话留空即可 -->
</TabControl>

2. 在UserControl中添加依赖属性 #

打开TreeViewCntrl.xaml.cs，添加一个用来传递选中标识的依赖属性，并绑定到TreeView的SelectedValue：

public partial class TreeViewCntrl : UserControl
{
    // 定义依赖属性，对外暴露选中的Tab标识
    public static readonly DependencyProperty SelectedTabTagProperty =
        DependencyProperty.Register(nameof(SelectedTabTag), typeof(string), typeof(TreeViewCntrl), new PropertyMetadata(null));

    public string SelectedTabTag
    {
        get => (string)GetValue(SelectedTabTagProperty);
        set => SetValue(SelectedTabTagProperty, value);
    }

    public TreeViewCntrl()
    {
        InitializeComponent();
        // 把TreeView的选中值绑定到这个依赖属性
        treeData.SetBinding(TreeView.SelectedValueProperty, new Binding(nameof(SelectedTabTag))
        {
            Source = this,
            Mode = BindingMode.TwoWay
        });
    }
}

3. 主窗口中完成绑定 #

在MainWindow的XAML里，把UserControl的SelectedTabTag和TabControl的SelectedValue绑定，同时给TabControl设置SelectedValuePath="Tag"，让它通过Tag匹配选中项：

<!-- UserControl的绑定 -->
<views:TreeViewCntrl Grid.Column="1" x:Name="treeViewGeo" 
                     SelectedTabTag="{Binding ElementName=mainTabControl, Path=SelectedValue, Mode=TwoWay}"/>

<!-- TabControl的配置 -->
<TabControl Grid.Column="1" x:Name="mainTabControl" 
            SelectedValuePath="Tag"
            SelectedValue="{Binding ElementName=treeViewGeo, Path=SelectedTabTag, Mode=TwoWay}"/>

这样点击TreeView的项时，SelectedTabTag会同步更新，TabControl自动选中Tag匹配的TabItem。

方法二：事件传递简单直接 #

如果不想用依赖属性，也可以通过自定义事件来传递选中信息，主窗口订阅后手动切换Tab。

1. UserControl中定义事件并绑定TreeView事件 #

在TreeViewCntrl.xaml.cs里添加自定义事件，同时处理TreeView的选中变更事件：

public partial class TreeViewCntrl : UserControl
{
    // 自定义事件，传递选中的Tab标识
    public event EventHandler<string> OnTabSelected;

    public TreeViewCntrl()
    {
        InitializeComponent();
    }

    // TreeView选中项变更时触发事件
    private void treeData_SelectedItemChanged(object sender, RoutedPropertyChangedEventArgs<object> e)
    {
        if (e.NewValue is TreeViewItem selectedItem && !string.IsNullOrEmpty(selectedItem.Uid))
        {
            OnTabSelected?.Invoke(this, selectedItem.Uid);
        }
    }
}

然后在TreeView的XAML里添加事件绑定：

<TreeView x:Name="treeData"
          Background="#282828" BorderThickness="0" Padding="0,5,0,0"
          SelectedValuePath="Uid"
          SelectedItemChanged="treeData_SelectedItemChanged">
    <!-- 原TreeViewItem内容 -->
</TreeView>

2. 主窗口订阅事件并切换Tab #

在MainWindow的后台代码里，订阅UserControl的事件，找到匹配的TabItem并选中：

public MainWindow()
{
    InitializeComponent();
    // 订阅UserControl的事件
    treeViewGeo.OnTabSelected += TreeViewGeo_OnTabSelected;
}

private void TreeViewGeo_OnTabSelected(object sender, string tabUid)
{
    // 遍历TabControl，找到Tag匹配的TabItem
    var targetTab = mainTabControl.Items.Cast<TabItem>()
        .FirstOrDefault(tab => tab.Tag?.ToString() == tabUid);
    
    if (targetTab != null)
    {
        mainTabControl.SelectedItem = targetTab;
    }
}

同样需要给TabItem设置Tag对应TreeViewItem的Uid，和方法一一致。

额外：MVVM模式下的解耦方案 #

如果你的项目用了MVVM，可以把选中标识放到ViewModel里，让UserControl和主窗口都绑定到ViewModel的属性，彻底解耦：

1. 定义ViewModel，添加SelectedTabId属性（实现INotifyPropertyChanged）；
2. UserControl的TreeView绑定SelectedValue到ViewModel.SelectedTabId；
3. 主窗口的TabControl绑定SelectedValue到ViewModel.SelectedTabId，同时设置SelectedValuePath="Tag"。

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