13

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

更具体地说：这将是游戏的 2D 地图查看器（尽管在当前状态下它还不是 2D）。我将 ItemsControl 数据绑定到 ObservableCollection<Square>，其中 Square 有一个名为 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 之一）而不是渲染 collectionitem （并为 Square 对象寻找 DataTemplate）？

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

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

4

3 回答 3

10

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

<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;
  }
}

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

应用程序.xaml

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

窗口.xaml

<Window  ..>
  <Window.Resources>
    <local:TerrainSelector x:Key="templateSelector" />
  </Window.Resources>
  <ItemsControl ItemSource="{Binding Path=Terrain}" ItemTemplateSelector="{StaticResource templateSelector}" />
</Window>
于 2009-04-26T14:15:36.400 回答
2

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

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

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

<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 错误 - 不确定。我将不得不进一步调查。

于 2009-04-26T15:09:04.587 回答
2

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

如果你想改变 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();
    }

}
于 2009-04-27T00:29:45.690 回答