如何按类型自动应用数据模板，但也可以在 XAML 中按键使用它？

编程问答 2022-08-06

问题描述

我正在尝试用各种类型的实例填充 ItemControl 的内容，其中每个实例都应该分配有自己的数据模板。现在，其中一些可能嵌套在另一种类型中，或者可能出现在集合的根部，但我想对两者使用相同的数据模板。

<ItemsControl Items="{Binding MyItems}">
  <ItemsControl.Resources>
    <DataTemplate Type="{x:Type MyType1}">
      <!-- contains this stuff -->
    </DataTemplate>
    <DataTemplate Type="{x:Type MyType2}>
      <!-- contains that stuff -->
    </DataTemplate>
    <HierarchicalDataTemplate Type="{x:Type MyType3WhichHostsType1}" ItemsSource="{Children}">
      <SomeWrapperStuff>
        <ItemsControl Items="{Children}" Itemstemplate="HOW?" /> <--- this part
      </SomeWrapperStuff>
    </HierarchicalDataTemplate>
  </ItemsControl.Resources>
</ItemsControl>

问题是，一旦我为 MyType1 的数据模板分配了一个键，它就会停止为集合根部的所有实例自动解析，而是仅在嵌套的 HierarchicalDataTemplate .是否有 XAML 方式告诉 ItemsControl 它应该按类型解析项目的模板，而我仍然可以通过键将其作为静态资源引用？

解决方法

没有。这是因为当您在 ResourceDictionary 中使用 DataType 而没有 x:Key 指定 DataTemplate 时，WPF 会为 x:Key 创建一个隐式值，等于“{x:Type [DataType 属性的值]}”。所以你的 DataTemplate 总是有一个键。

因此，当您显式提供键值时，您实际上是用另一个键替换该基于类型的键，这会导致 WPF 不再将 DataTemplate 与其预期元素匹配。

一种解决方法是克隆 DataTemplate，在其中一个中指定 x:Key 并在另一个中省略它。

,

这是我的评论 here 的后续内容，如果其他人正在寻找类似的解决方案，但是我将保留已接受的答案，因为我特别要求提供纯 XAML 解决方案。

这个简单的 DataTemplateSelector 允许按类型分配多个模板（还检查一个项目是否是指定的模板密钥对的派生类型），同时仍然允许为它们分配一个密钥。> 

public class TypeDataTemplateSelector : DataTemplateSelector {
  public Collection<TypeDataTemplate> Templates { get; } = new Collection<TypeDataTemplate>();

  public override DataTemplate SelectTemplate(object item,DependencyObject container) =>
    item != null 
      ? Templates.Where(templatePair => IsDerivedOfType(item.GetType(),templatePair.Type))
        .Select(templatePair => templatePair.Template).FirstOrDefault() : null;

  private static bool IsDerivedOfType(Type itemType,Type baseType) {
    while (true) {
      if (itemType == baseType) return true;
      if (itemType.BaseType == null) return false;
      itemType = itemType.BaseType;
    }
  }
}

public class TypeDataTemplate { 
  public Type Type { get; set; }
  public DataTemplate Template { get; set; }
}

示例用法：

<MyControl.Resources>
  <DataTemplate x:Key="SomeTemplate1" />
  <DataTemplate x:Key="SomeTemplate2" />
  <HierarchicalDataTemplate x:Key="SomeTemplateWithChildren" ItemsSource="...">
    <ItemsControl ItemsSource="..." ItemsTemplate="{StaticResource SomeTemplate1}" />
  </HierarchicalDataTemplate>
  <TypeDataTemplateSelector x:Key="MyTypeDataTemplateSelector">
    <TypeDataTemplateSelector.Templates>
      <TypeDataTemplate Type="{x:Type SomeType1}" Template="{StaticResource SomeTemplate1}" />
      <TypeDataTemplate Type="{x:Type SomeType2}" Template="{StaticResource SomeTemplate2}" />
      <TypeDataTemplate Type="{x:Type SomeTypeWithChildren}" Template="{StaticResource SomeTemplateWithChildren}" />
    </TypeDataTemplateSelector.Templates>
  </TypeDataTemplateSelector>
</MyControl.Resources>
...
<ItemsControl Items="{Binding SomeItems}" ItemTemplateSelector="{StaticResource MyTypeDataTemplateSelector}" />
bindingbindingc#c#datatemplatewpfwpfwpfxamlxamlxaml