MVVM模式下如何为ObservableCollection中的不同派生Model类型指定WPF DataTemplate？

这是WPF结合MVVM开发时特别常见的场景，我给你整理了几个实用的解决方案，都是日常开发里验证过的：

1. 利用WPF原生的类型匹配DataTemplate #

这是最简单直接的方案，WPF本身就支持根据数据类型自动匹配对应的DataTemplate，完全不用视图去判断模型类型。

你只需要在资源（比如Window的Resources、UserControl的Resources或者App.xaml里）定义两个DataTemplate，分别指定DataType为你的两个模型类，不用设置x:Key——WPF会自动识别集合里的对象类型，应用对应的模板。

示例XAML代码：

<Window.Resources>
    <!-- Message对应的模板 -->
    <DataTemplate DataType="{x:Type local:Message}">
        <TextBlock Text="{Binding Content}" Margin="4"/>
    </DataTemplate>

    <!-- AttachmentMessage对应的模板 -->
    <DataTemplate DataType="{x:Type local:AttachmentMessage}">
        <StackPanel Orientation="Horizontal" Margin="4">
            <TextBlock Text="{Binding Content}" Margin="0 0 8 0"/>
            <TextBlock Text="📎" Margin="0 0 4 0"/>
            <TextBlock Text="{Binding Filename}" Foreground="Blue"/>
        </StackPanel>
    </DataTemplate>
</Window.Resources>

<!-- 绑定集合的ItemsControl -->
<ItemsControl ItemsSource="{Binding Messages}"/>

优点：零代码逻辑，完全利用WPF原生机制，符合MVVM原则；缺点：只能基于类型判断，无法处理更复杂的自定义规则。

2. 自定义DataTemplateSelector实现灵活匹配 #

如果你的场景需要更复杂的判断逻辑（比如除了模型类型，还要根据模型的某个属性值来选择模板），那自定义DataTemplateSelector就非常合适。

第一步：创建Selector类 #

继承自DataTemplateSelector，重写SelectTemplate方法，在里面实现你的判断逻辑：

public class MessageTemplateSelector : DataTemplateSelector
{
    public DataTemplate NormalMessageTemplate { get; set; }
    public DataTemplate AttachmentMessageTemplate { get; set; }

    public override DataTemplate SelectTemplate(object item, DependencyObject container)
    {
        if (item is AttachmentMessage)
        {
            return AttachmentMessageTemplate;
        }
        else if (item is Message)
        {
            return NormalMessageTemplate;
        }
        return base.SelectTemplate(item, container);
    }
}

第二步：在XAML中使用Selector #

先在资源里声明Selector实例，绑定对应的模板，然后给ItemsControl设置ItemTemplateSelector：

<Window.Resources>
    <DataTemplate x:Key="NormalMessageTemplate">
        <TextBlock Text="{Binding Content}" Margin="4"/>
    </DataTemplate>

    <DataTemplate x:Key="AttachmentMessageTemplate">
        <StackPanel Orientation="Horizontal" Margin="4">
            <TextBlock Text="{Binding Content}" Margin="0 0 8 0"/>
            <TextBlock Text="📎" Margin="0 0 4 0"/>
            <TextBlock Text="{Binding Filename}" Foreground="Blue"/>
        </StackPanel>
    </DataTemplate>

    <local:MessageTemplateSelector x:Key="MessageTemplateSelector"
                                   NormalMessageTemplate="{StaticResource NormalMessageTemplate}"
                                   AttachmentMessageTemplate="{StaticResource AttachmentMessageTemplate}"/>
</Window.Resources>

<ItemsControl ItemsSource="{Binding Messages}"
              ItemTemplateSelector="{StaticResource MessageTemplateSelector}"/>

优点：支持任意自定义判断逻辑，灵活性拉满；缺点：需要写少量C#代码，不过逻辑清晰，维护成本低。

3. 视图模型层封装（更贴合MVVM的进阶方案） #

虽然你提到视图不应知晓模型，但其实可以把模型包装成对应的视图模型，让视图只和视图模型交互，这更符合MVVM的“视图-视图模型-模型”分层原则。

比如创建两个视图模型类：

public class MessageViewModel : INotifyPropertyChanged
{
    private readonly Message _model;
    public string Content => _model.Content;

    public MessageViewModel(Message model)
    {
        _model = model;
        // 这里可以添加视图相关的逻辑，比如命令、状态等
    }

    // INotifyPropertyChanged实现省略...
}

public class AttachmentMessageViewModel : MessageViewModel
{
    private readonly AttachmentMessage _model;
    public string Filename => _model.Filename;

    public AttachmentMessageViewModel(AttachmentMessage model) : base(model)
    {
        _model = model;
    }
}

然后你的集合改成ObservableCollection<MessageViewModel>，把模型转换成对应的视图模型放入集合，之后依然可以用方案1的类型匹配DataTemplate（此时DataType对应视图模型类型）。

优点：彻底分离视图逻辑和模型，视图完全不依赖模型，符合MVVM的单一职责；方便扩展视图相关的功能（比如添加复制文件名的命令）；缺点：需要额外编写视图模型类，增加了少量代码量，但长期维护更友好。

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