WPF TabControl绑定DataTrigger仅单个类型生效问题求助

问题根源 #

你遇到的问题是WPF默认的资源共享机制导致的：当你在Style或DataTemplate中定义的控件（如TextBox、CheckBox）未设置x:Shared="False"时，WPF会复用同一个控件实例。同类型的Setting项中，第一个会占用该实例，后续项无法再获取新实例，最终表现为DataTrigger仅对首个项生效。

修复方案 #

方案1：修改DataTrigger，添加x:Shared="False" #

在资源中定义控件时，添加x:Shared="False"属性，确保每个Setting项都能获取独立的控件实例：

<Window.Resources>
    <!-- 为控件添加x:Shared="False"，禁用实例共享 -->
    <TextBox x:Key="IntStringTextBox" x:Shared="False" Text="{Binding Value}"/>
    <CheckBox x:Key="BoolCheckBox" x:Shared="False" IsChecked="{Binding Value}"/>
</Window.Resources>

<!-- 对应Setting的DataTemplate -->
<DataTemplate DataType="{x:Type local:Setting}">
    <ContentControl x:Name="SettingContent"/>
    <DataTemplate.Triggers>
        <DataTrigger Binding="{Binding Type}" Value="{x:Type sys:Int32}">
            <Setter TargetName="SettingContent" Property="Content" Value="{StaticResource IntStringTextBox}"/>
        </DataTrigger>
        <DataTrigger Binding="{Binding Type}" Value="{x:Type sys:String}">
            <Setter TargetName="SettingContent" Property="Content" Value="{StaticResource IntStringTextBox}"/>
        </DataTrigger>
        <DataTrigger Binding="{Binding Type}" Value="{x:Type sys:Boolean}">
            <Setter TargetName="SettingContent" Property="Content" Value="{StaticResource BoolCheckBox}"/>
        </DataTrigger>
    </DataTemplate.Triggers>
</DataTemplate>

方案2：使用DataTemplateSelector（推荐） #

自定义DataTemplateSelector，根据Setting.Type选择对应模板，这种方式更直观且避免资源共享问题：

1. 后台实现Selector

public class SettingTemplateSelector : DataTemplateSelector
{
    public DataTemplate IntStringTemplate { get; set; }
    public DataTemplate BoolTemplate { get; set; }

    public override DataTemplate SelectTemplate(object item, DependencyObject container)
    {
        if (item is Setting setting)
        {
            if (setting.Type == typeof(int) || setting.Type == typeof(string))
                return IntStringTemplate;
            else if (setting.Type == typeof(bool))
                return BoolTemplate;
        }
        return base.SelectTemplate(item, container);
    }
}

2. XAML中配置模板与Selector

<Window.Resources>
    <DataTemplate x:Key="IntStringTemplate">
        <TextBox Text="{Binding Value}"/>
    </DataTemplate>
    <DataTemplate x:Key="BoolTemplate">
        <CheckBox IsChecked="{Binding Value}"/>
    </DataTemplate>
    <local:SettingTemplateSelector x:Key="SettingSelector"
                                   IntStringTemplate="{StaticResource IntStringTemplate}"
                                   BoolTemplate="{StaticResource BoolTemplate}"/>
</Window.Resources>

<!-- TabControl配置 -->
<TabControl ItemsSource="{Binding Tabs}">
    <TabControl.ItemTemplate>
        <DataTemplate>
            <TextBlock Text="{Binding Name}"/>
        </DataTemplate>
    </TabControl.ItemTemplate>
    <TabControl.ContentTemplate>
        <DataTemplate>
            <ItemsControl ItemsSource="{Binding Settings}"
                          ItemTemplateSelector="{StaticResource SettingSelector}"/>
        </DataTemplate>
    </TabControl.ContentTemplate>
</TabControl>

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