在 Avalonia 中选择基于 DataContext 属性的 DataTemplate

Question

我正在实现一个应该显示设置列表的用户控件：

public class SettingPropertyItem {
    string Name { get; }
    Type ValueType { get; }
    object Value { get; set; }
}

根据 ValueType 中的每种类型，应使用不同的 DataTemplate。
为了方便这一点，UserControl 具有以下控件，其中 SettingPropertyItem 作为其 DataContext：

<UserControl x:Class="AVDump3Gui.Controls.Settings.SettingsView">
    ...
    <ItemsControl Items="{Binding Properties}" Margin="16,0,0,0">
        <ItemsControl.ItemTemplate>
            <DataTemplate>
            ...
                <ContentControl Content="{Binding}"/>
            ...
            </DataTemplate>
        </ItemsControl.ItemTemplate>
    </ItemsControl>
    ...
</UserControl>

然后是使用Usercontrol的视图，我在它的DataTemplates中添加了一个DataTemplate:

<sv:SettingsView.DataTemplates>
  <DataTemplate DataType="{x:Type vm:SettingPropertyItem}">
    ...
  </DataTemplate>
</sv:SettingsView.DataTemplates>

到目前为止一切顺利，一切都按预期进行。但是现在我有点困惑，因为我不知道如何根据 DataContext 中的属性应用不同的 DataTemplates。
对于 WPF，DataTemplateSelector 或 Triggers 似乎是可行的方法（忽略其他框架），但它们似乎不存在于 Avalonia 中。我也尝试过样式，但选择器似乎无法访问 DataContext 属性。

如何做到这一点？

Answer 1

在 Avalonia 中不需要 DataTemplateSelector，因为您可以自己实施 IDataTemplate 并 select 那里的模板。

我。 e.

public class MyTemplateSelector : IDataTemplate
{
    public bool SupportsRecycling => false;
    [Content]
    public Dictionary<string, IDataTemplate> Templates {get;} = new Dictionary<string, IDataTemplate>();

    public IControl Build(object data)
    {
        return Templates[((MyModel) data).Value].Build(data);
    }

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

public class MyModel
{
    public string Value { get; set; }
}

  <ItemsControl>
    <ItemsControl.Items>
      <scg:List x:TypeArguments="local:MyModel">
        <local:MyModel Value="MyKey"/>
        <local:MyModel Value="MyKey2"/>
      </scg:List>
    </ItemsControl.Items>
    <ItemsControl.DataTemplates>
      <local:MyTemplateSelector>
        <DataTemplate x:Key="MyKey">
          <TextBlock Background="Red" Text="{Binding Value}"/>
        </DataTemplate>
        <DataTemplate x:Key="MyKey2">
          <TextBlock Background="Blue" Text="{Binding Value}"/>
        </DataTemplate>
        
      </local:MyTemplateSelector>
    </ItemsControl.DataTemplates>
  </ItemsControl>

在 Avalonia 中选择基于 DataContext 属性的 DataTemplate

Selecting a DataTemplate based on DataContext property in Avalonia

c#

datatemplate

datatemplateselector

avaloniaui

在 Avalonia 中选择基于 DataContext 属性 的 DataTemplate

Selecting a DataTemplate based on DataContext property in Avalonia

c#

datatemplate

datatemplateselector

avaloniaui

在 Avalonia 中选择基于 DataContext 属性的 DataTemplate