根据 Avalonia ItemsControl 中的 ViewModel 类型选择 DataTemplate

问题描述

UserControl里面有ItemsControl，需要根据Items集合元素类型显示不同DataTemplate的items。

以下基于此答案创建的 TemplateSelector 和 XAML (Selecting a DataTemplate based on DataContext property in Avalonia)

    <ItemsControl Items="{Binding Items}">
        <ItemsControl.DataTemplates>
            <views:ItemstemplateSelector>
                <DataTemplate x:Key="{x:Type itemviewmodels:Item1viewmodel}">
                    <itemsViews:Item1View/>
                </DataTemplate>
                <DataTemplate x:Key="{x:Type itemviewmodels:Item2viewmodel}">
                    <itemsViews:Item2View/>
                </DataTemplate>
            </views:ItemstemplateSelector>
        </ItemsControl.DataTemplates>
    </ItemsControl>

        public Itemsviewmodel()
        {
            this.Items = new ObservableCollection<IItemviewmodel>();
            this.Items.Add(new Item1viewmodel("Item1"));
            this.Items.Add(new Item2viewmodel("Item2"));
        }

        public ObservableCollection<Iitemviewmodel> Items { get; }

    public class ItemstemplateSelector : IDataTemplate
    {
        public bool SupportsRecycling => false;

        [Content]
        public Dictionary<Type,IDataTemplate> Templates { get; } = new Dictionary<Type,IDataTemplate>();

        public IControl Build(object data)
        {
            var type = data.GetType();
            var template = this.Templates[type];
            var control = template.Build(data);

            return control;
        }

        public bool Match(object data)
        {
            return data is IItemviewmodel;
        }
    }

    public interface IItemviewmodel
    {
        string Name { get; }
    }

    public class Item1viewmodel : IItemviewmodel
    {
        public Item1viewmodel (string name)
        {
            this.Name = name;
        }

        public string Name { get; }
    }

<UserControl
  xmlns="https://github.com/avaloniaui"
  xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"
  xmlns:d="http://schemas.microsoft.com/expression/blend/2008"
  xmlns:mc="http://schemas.openxmlformats.org/markup-compatibility/2006"
  x:Class="Desktop.Views.Items.Item1View">

  <TextBlock Text="{Binding Name}"/>

</UserControl>

在运行时出现异常：

Avalonia.Markup.Xaml.XamlLoadException: '没有为 Desktop.Views.Items.Item1View 找到预编译的 XAML，请确保指定 x:Class 并将您的 XAML 文件包含为 AvaloniaResource'

如果在 ItemsControl 而不是 <itemsViews:Item1View/> 中指定 <TextBlock Text="{Binding Name}"/>，则一切正常。但我想将每个项目的标记拆分为具有单独 viewmodel 的单独 XAML 文件。项目可以完全不同。

能否解决这个问题，让ItemsControl根据viewmodel类型选择DataTemplate？

解决方法

为了解决这个问题，我手动编辑了项目文件 *.csproj 添加了 AvaloniaResource 元素

<AvaloniaResource Include="..\Desktop\Views\Items*.xaml">
    <SubType>Designer</SubType>
</AvaloniaResource>