根据子对象类型选择 DataTemplate

Question

我想对 ItemsCollection 进行数据绑定，但不是渲染集合项，而是渲染通过集合项上的属性到达的子对象。

更具体地说：这将是一个用于游戏的 2D 地图查看器（尽管在当前状态下它还不是 2D）。我将 ItemsControl 数据绑定到 ObservableCollection，其中 Square 有一个名为 Terrain 的属性（Terrain 类型）。 Terrain 是一个基类，有各种后代。

我想要的是 ItemsControl 从每个集合元素呈现 Terrain 属性，而不是集合元素本身。

我已经可以完成这项工作，但需要一些不必要的开销。我想知道是否有消除不必要开销的好方法。

我目前有以下类（简化）：

public class Terrain {}
public class Dirt : Terrain {}
public class SteelPlate : Terrain {}
public class Square
{
    public Square(Terrain terrain)
    {
        Terrain = terrain;
    }
    public Terrain Terrain { get; private set; }
    // additional properties not relevant here
}

还有一个名为 MapView 的 UserControl，包含以下内容：

<UserControl.Resources>
    <DataTemplate DataType="{x:Type TerrainDataModels:Square}">
        <ContentControl Content="{Binding Path=Terrain}"/>
    </DataTemplate>
    <DataTemplate DataType="{x:Type TerrainDataModels:Dirt}">
        <Canvas Width="40" Height="40" Background="Tan"/>
    </DataTemplate>
    <DataTemplate DataType="{x:Type TerrainDataModels:SteelPlate}">
        <Canvas Width="40" Height="40" Background="Silver"/>
    </DataTemplate>
</UserControl.Resources>
<ItemsControl ItemsSource="{Binding}"/>

鉴于此代码，如果我这样做：

mapView.DataContext = new ObservableCollection<Square> {
    new Square(new Dirt()),
    new Square(new SteelPlate())
};

我得到的东西看起来与我期望的完全一样：一个 StackPanel，其中包含一个棕褐色盒子（用于 Dirt）和一个银色盒子（用于 SteelPlate）。但我得到了不必要的开销。

我特别关心我的 Square 数据模板：

<DataTemplate DataType="{x:Type TerrainDataModels:Square}">
    <ContentControl Content="{Binding Path=Terrain}"/>
</DataTemplate>

我真正想说的是“不，不要费心渲染 Square 本身，而是渲染它的 Terrain 属性”。这接近于这个，但是这为每个 Square 的可视化树添加了两个额外的控件：一个 ContentControl，如上面 XAML 中明确编码的那样，以及它的 ContentPresenter。我在这里并不特别想要 ContentControl；我真的很想短路并将 Terrain 属性的 DataTemplate 直接插入到控件树中。

但是我如何告诉 ItemsControl 渲染 collectionitem.Terrain（从而查找上述 DataTemplate 中的 Terrain 对象之一）而不是渲染 collectionitem（并为 Square 对象查找 DataTemplate）？

我想将 DataTemplates 用于地形，但完全不一定用于 Square——这只是我发现的第一种有效的方法。事实上，我真正想做的是完全不同的事情——我真的想将 ItemsControl 的 DisplayMemberPath 设置为“Terrain”。这会直接呈现正确的对象（Dirt 或 SteelPlate 对象），而无需添加额外的 ContentControl 或 ContentPresenter。不幸的是，DisplayMemberPath 总是呈现一个字符串，而忽略了地形的 DataTemplates。所以它有正确的想法，但对我来说没用。

这整件事可能是过早的优化，如果没有简单的方法来获得我想要的，我会接受我所拥有的。但是，如果有一种我还不知道绑定到属性而不是整个集合项的“WPF 方式”，它将增加我对 WPF 的理解，这正是我所追求的。

Answer 1

我不确定您的模型是什么样子，但您始终可以使用 .绑定到对象属性。例如：

<DataTemplate DataType="TerrainModels:Square">
  <StackPanel>
    <TextBlock Content="{Binding Path=Feature.Name}"/>
    <TextBlock Content="{Binding Path=Feature.Type}"/>
  </StackPanel>
</DataTemplate>

更新

不过，如果您正在寻找一种方法来绑定集合中的两个不同对象，您可能需要查看 ItemTemplateSelector 属性。

在您的场景中，它会是这样的（未经测试）：

public class TerrainSelector : DataTemplateSelector
{
  public override DataTemplate SelectTemplate(object item, DependencyObject container)
  {
    var square = item as Square;
    if (square == null) 
       return null;
    if (square.Terrain is Dirt)
    {
      return Application.Resources["DirtTemplate"] as DataTemplate;
    }
    if (square.Terrain is Steel)
    {
      return Application.Resources["SteelTemplate"] as DataTemplate;
    }
    return null;
  }
}

然后要使用它，您将拥有：

App.xaml

<Application ..>
  <Application.Resources>
    <DataTemplate x:Key="DirtTemplate">
      <!-- template here -->
    </DataTemplate>
    <DataTemplate x:Key="SteelTemplate">
      <!-- template here -->
    </DataTemplate>
  </Application.Resources>
</Application>

Window.xaml

<Window  ..>
  <Window.Resources>
    <local:TerrainSelector x:Key="templateSelector" />
  </Window.Resources>
  <ItemsControl ItemSource="{Binding Path=Terrain}" ItemTemplateSelector="{StaticResource templateSelector}" />
</Window>

Answer 2

我相信消除视觉树开销（和冗余）的最佳方法是：

<ItemsControl ItemsSource="{Binding Squares}">
    <ItemsControl.ItemTemplate>
        <DataTemplate>
            <ContentPresenter Content="{Binding Terrain}"/>
        </DataTemplate>
    </ItemsControl.ItemTemplate>
</ItemsControl>

我本可以发誓你可以更进一步，直接分配给为ItemsControl 中的每个项目生成的ContentPresenter 的Content 属性：

<ItemsControl ItemsSource="{Binding Squares}">
    <ItemsControl.ItemContainerStyle>
        <Style>
            <Setter Property="ContentPresenter.Content" Content="{Binding Terrain}"/>
        </Style>
    </ItemsControl.ItemContainerStyle>
</ItemsControl>

但是，ContentPresenter 似乎将父 DataContext 作为其 DataContext 而不是 Square。这对我来说毫无意义。它适用于 ListBox 或任何其他 ItemsControl 子类。也许这是一个 WPF 错误 - 不确定。我将不得不进一步调查。

Answer 3

我正在添加另一个答案，因为这与我的另一个答案不同。

如果你想改变 Canvas 的背景，那么你可以像这样使用 DataTrigger：

<DataTemplate DataType="{x:Type WpfApplication1:Square}">
    <DataTemplate.Resources>
        <WpfApplication1:TypeOfConverter x:Key="typeOfConverter" />
    </DataTemplate.Resources>
    <Canvas Name="background" Fill="Green" />
    <DataTemplate.Triggers>
        <DataTrigger Binding="{Binding Path="Terrain" Converter={StaticResource typeOfConverter}}" Value="{x:Type WpfApplication1:Dirt}">
            <Setter  TargetName="background"Property="Fill" Value="Tan" />
        </DataTrigger>
        <DataTrigger Binding="{Binding Path="Terrain" Converter={StaticResource typeOfConverter}}" Value="{x:Type WpfApplication1:SteelPlate}">
            <Setter TargetName="background" Property="Fill" Value="Silver" />
        </DataTrigger>
    </DataTemplate.Triggers>
</DataTemplate>

您还需要使用此转换器：

public class TypeOfConverter : IValueConverter
{
    public object Convert(object value, Type targetType, object parameter, CultureInfo culture)
    {
        return value.GetType();
    }

    public object ConvertBack(object value, Type targetType, object parameter, CultureInfo culture)
    {
        throw new System.NotImplementedException();
    }

}