使用数据绑定时 TabControl 无法创建第一个选项卡

Question

我有一个选项卡控制将哪些项目源数据绑定到可观察的集合。我使用数据模板来定义选项卡标题和内容的视觉表示。

当我将一个项目添加到可观察集合中时，我得到一个选项卡标题，但没有内容。当我将第二个项目添加到可观察集合中时，我会获得这两个项目的选项卡标题和内容。因此，首先当第二个项目添加到可观察集合中时，将创建第一个选项卡的内容。任何人都知道这是否是一个错误或可以解释为什么会发生？有解决方法吗？我尝试使用模板选择器得到相同的结果。下面是要重现的示例代码。

我使用 .NET 3.5 和 4.0 对此进行了测试。

XAML：

<Window x:Class="TabDemo.Window1"
    xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation"
    xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml" 
    Title="Window1" Height="300" Width="300">

    <StackPanel>
        <Button Content="Add new tabitem" Click="OnAdd" />

        <TabControl 
            ItemsSource="{Binding Path=Items}">
            <TabControl.ItemTemplate>
                <DataTemplate>
                    <TextBlock Text="{Binding}" />
                </DataTemplate>
            </TabControl.ItemTemplate>
            <TabControl.ContentTemplate>
                <DataTemplate>
                    <TextBlock Text="{Binding}" />
                </DataTemplate>
            </TabControl.ContentTemplate>
        </TabControl>
    </StackPanel>

</Window>

隐藏代码：

public partial class Window1
{
    public Window1()
    {
        InitializeComponent();

        Items = new ObservableCollection<int>(); 
        DataContext = this;
    }

    public ObservableCollection<int> Items { get; set; }

    private void OnAdd(object sender, RoutedEventArgs e)
    {
        Items.Add(_random.Next(100));
    }

    private readonly Random _random = new Random();
}

Answer 1

如果您在 TabControl 上设置 SelectedIndex="0"，它将解决此问题。我相信这与添加/删除项目时强制 SelectedIndex 的错误有关。