WPF MVVM迁移：能否在TabControl.ContentTemplate中实现多DataTemplate？

TabControl.ContentTemplate 属性仅允许直接包含单个DataTemplate元素，你直接在其下定义了3个不同类型的DataTemplate，违反了XAML的元素结构规则，因此触发了"DataTemplate can accept only one child"错误。

方案一：使用DataTemplateSelector（灵活可控） #

通过自定义模板选择器，根据数据项的类型匹配对应的模板：

1. 创建模板选择器类

public class TabContentTemplateSelector : DataTemplateSelector
{
    public DataTemplate DataGridTemplate { get; set; }
    public DataTemplate ListViewTemplate { get; set; }
    public DataTemplate CardTemplate { get; set; }

    public override DataTemplate SelectTemplate(object item, DependencyObject container)
    {
        return item switch
        {
            DataGridModel => DataGridTemplate,
            ListViewItemModel => ListViewTemplate,
            CardModel => CardTemplate,
            _ => base.SelectTemplate(item, container)
        };
    }
}

2. 修改XAML代码

<TabControl ItemsSource="{Binding viewModel.Tabs}" SelectedItem="{Binding TabSelected}"
            Grid.Row="1" Grid.Column="0" Padding="0" BorderThickness="0"
            IsTabStop="False" Grid.RowSpan="2">
    <TabControl.Resources>
        <!-- 定义各类型对应的模板并设置Key -->
        <DataTemplate x:Key="DataGridTemplate" DataType="{x:Type model:DataGridModel}">
            <DataGrid ItemsSource="{Binding}" AutoGenerateColumns="True"/>
        </DataTemplate>
        <DataTemplate x:Key="ListViewTemplate" DataType="{x:Type model:ListViewItemModel}">
            <ListView ItemsSource="{Binding}">
                <ListView.View>
                    <GridView>
                        <GridViewColumn Header="Description" DisplayMemberBinding="{Binding Description}"/>
                    </GridView>
                </ListView.View>
            </ListView>
        </DataTemplate>
        <DataTemplate x:Key="CardTemplate" DataType="{x:Type model:CardModel}">
            <StackPanel>
                <TextBlock Text="{Binding Title}" FontWeight="Bold" FontSize="16"/>
                <TextBlock Text="{Binding Detail}" FontSize="14"/>
            </StackPanel>
        </DataTemplate>

        <!-- 实例化自定义模板选择器并绑定模板 -->
        <local:TabContentTemplateSelector x:Key="TabContentSelector"
                                          DataGridTemplate="{StaticResource DataGridTemplate}"
                                          ListViewTemplate="{StaticResource ListViewTemplate}"
                                          CardTemplate="{StaticResource CardTemplate}"/>
    </TabControl.Resources>

    <TabControl.ItemTemplate>
        <DataTemplate>
            <TextBlock Text="{Binding Header}"/>
        </DataTemplate>
    </TabControl.ItemTemplate>

    <!-- 指定模板选择器替代ContentTemplate -->
    <TabControl.ContentTemplateSelector>
        <StaticResource ResourceKey="TabContentSelector"/>
    </TabControl.ContentTemplateSelector>
</TabControl>

方案二：使用隐式DataTemplate（简洁高效） #

如果你的Tabs集合中每个项的类型明确对应DataGridModel、ListViewItemModel或CardModel，可以直接将模板放入资源中，WPF会自动根据数据类型匹配模板：

<TabControl ItemsSource="{Binding viewModel.Tabs}" SelectedItem="{Binding TabSelected}"
            Grid.Row="1" Grid.Column="0" Padding="0" BorderThickness="0"
            IsTabStop="False" Grid.RowSpan="2">
    <TabControl.Resources>
        <!-- 仅定义带DataType的模板，不设置x:Key，WPF自动匹配 -->
        <DataTemplate DataType="{x:Type model:DataGridModel}">
            <DataGrid ItemsSource="{Binding}" AutoGenerateColumns="True"/>
        </DataTemplate>
        <DataTemplate DataType="{x:Type model:ListViewItemModel}">
            <ListView ItemsSource="{Binding}">
                <ListView.View>
                    <GridView>
                        <GridViewColumn Header="Description" DisplayMemberBinding="{Binding Description}"/>
                    </GridView>
                </ListView.View>
            </ListView>
        </DataTemplate>
        <DataTemplate DataType="{x:Type model:CardModel}">
            <StackPanel>
                <TextBlock Text="{Binding Title}" FontWeight="Bold" FontSize="16"/>
                <TextBlock Text="{Binding Detail}" FontSize="14"/>
            </StackPanel>
        </DataTemplate>
    </TabControl.Resources>

    <TabControl.ItemTemplate>
        <DataTemplate>
            <TextBlock Text="{Binding Header}"/>
        </DataTemplate>
    </TabControl.ItemTemplate>
</TabControl>

注意事项 #

• 确保Tabs集合中的元素类型与模板的DataType完全匹配
• 所有绑定的属性（如Header、Title、Detail）需在对应模型类中正确定义并实现通知（可选，若需动态更新）

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