C#中向TabControl添加带UserControl的TabItem：Header绑定为空

原因分析 #

1. TabContent里的Header是普通CLR属性，WPF的数据绑定系统无法识别这类属性，即便实例化时直接赋值，绑定引擎也找不到绑定入口，没法完成绑定。
2. 直接把UI控件（TabContent）作为TabControl的数据源项，违背了WPF“数据与视图分离”的设计原则，容易引发这类绑定问题。

解决办法 #

方案1：快速修复——将Header改为依赖属性 #

WPF仅认可依赖属性或实现INotifyPropertyChanged接口的属性，把普通属性改成依赖属性即可解决绑定问题：
修改TabContent.xaml.cs：

namespace Nur_Test
{
    public partial class TabContent : UserControl
    {
        public TabContent()
        {
            InitializeComponent();
        }

        // 定义Header依赖属性
        public static readonly DependencyProperty HeaderProperty =
            DependencyProperty.Register(nameof(Header), typeof(string), typeof(TabContent));

        public string Header
        {
            get => (string)GetValue(HeaderProperty);
            set => SetValue(HeaderProperty, value);
        }
    }
}

修改后无需改动其他代码，运行后Tab的Header就能正常显示。

方案2：推荐方式——数据与视图分离 #

这是WPF的标准开发模式，后续扩展性更强：

1. 用你已经定义的TabItemData作为数据源，而非TabContent：
   修改MainWindow.xaml.cs中的数据源部分：

List<TabItemData> items = new List<TabItemData>()
{
    new TabItemData() { Header = "Item 1" },
    new TabItemData() { Header = "Item 2" },
    new TabItemData() { Header = "Item 3" },
};

tabControl1.ItemsSource = items;

2. 在MainWindow.xaml中给TabControl添加ContentTemplate，指定每个Tab的内容为TabContent：

<TabControl x:Name="tabControl1">
    <!-- Tab头部模板 -->
    <TabControl.ItemTemplate>
        <DataTemplate>
            <TextBlock Text="{Binding Header}" />
        </DataTemplate>
    </TabControl.ItemTemplate>
    <!-- Tab内容模板，指定显示TabControl -->
    <TabControl.ContentTemplate>
        <DataTemplate>
            <local:TabContent />
        </DataTemplate>
    </TabControl.ContentTemplate>
</TabControl>

这种方式把数据（TabItemData）和视图（TabContent）分开，后续要新增数据字段，直接修改TabItemData即可，维护起来更便捷。

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