WPF自定义TabControl中ContentPresenter无法继承DataContext问题

自定义TabControl通过ContentPresenter显示第一个TabItem的内容，内容能正常渲染，但内部的DataContext绑定始终为null，无法访问外部ViewModel的属性。

问题原因 #

当直接将TabItem.Content（UI元素）赋值给SelectedContent依赖属性时，该UI元素会从原TabItem的逻辑树中脱离，转而挂载到TabControl的ContentPresenter下。由于WPF的DataContext继承依赖于逻辑树的父节点关系，此时UI元素的DataContext无法自动继承TabControl的DataContext，导致绑定失效。

解决方案 #

方案1：显式绑定ContentPresenter的DataContext

修改TabControl的XAML，让ContentPresenter的DataContext直接继承自TabControl的DataContext，确保内部UI元素能获取到正确的绑定源：

<UserControl x:Class="WpfControls.Controls.TabControl" ...>
    <UserControl.ContentTemplate>
        <DataTemplate>
            <ContentPresenter 
                Content="{Binding SelectedContent, RelativeSource={RelativeSource AncestorType=UserControl}}"
                DataContext="{Binding DataContext, RelativeSource={RelativeSource AncestorType=UserControl}}" />
        </DataTemplate>
    </UserControl.ContentTemplate>
</UserControl>

方案2：通过TabItem传递DataContext（更灵活）

如果需要支持TabItem自身设置DataContext的场景，可以修改SelectedContent为绑定选中的TabItem，而非直接取Content，同时调整ContentPresenter的绑定逻辑：

1. 新增SelectedItem依赖属性：

private static readonly DependencyPropertyKey SelectedItemPropertyKey = DependencyProperty.RegisterReadOnly(
    nameof(SelectedItem), typeof(TabItem), typeof(TabControl), 
    new FrameworkPropertyMetadata(null, (s, e) => {
        var control = s as TabControl;
        if (control?.SelectedItem != null)
            control.SetValue(SelectedContentPropertyKey, control.SelectedItem.Content);
    }));
public static readonly DependencyProperty SelectedItemProperty = SelectedItemPropertyKey.DependencyProperty;

public TabItem SelectedItem => (TabItem)GetValue(SelectedItemProperty);

2. 修改OnLoaded方法设置SelectedItem：

private void OnLoaded(object sender, RoutedEventArgs e)
{
    if (Items != null && Items.Count > 0)
        SetValue(SelectedItemPropertyKey, Items[0]);
}

3. 调整TabControl的XAML，让ContentPresenter继承SelectedItem的DataContext：

<UserControl x:Class="WpfControls.Controls.TabControl" ...>
    <UserControl.ContentTemplate>
        <DataTemplate>
            <ContentPresenter 
                Content="{Binding SelectedContent, RelativeSource={RelativeSource AncestorType=UserControl}}"
                DataContext="{Binding SelectedItem.DataContext, RelativeSource={RelativeSource AncestorType=UserControl}}" />
        </DataTemplate>
    </UserControl.ContentTemplate>
</UserControl>

这样既保留了TabItem自身DataContext的独立性，又能确保内容元素的绑定正常工作。

额外优化建议 #

• 将Items属性的类型从List<TabItem>改为ObservableCollection<TabItem>，这样当集合内容变化时，TabControl能自动感知并更新。
• 避免在Loaded事件中设置选中项，建议在Items属性变更时自动处理选中逻辑，确保初始化和动态添加项时都能正确设置内容。

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