避免在 ItemsControl 中使用 ContentPresenter

Question

有没有办法避免生成 ItemsControl 包裹我的物品的 ContentPresenter？我的 ItemsControl 绑定到 VM 属性，我在 ItemControl 的资源中使用 DataTemplate（没有 x:Key）来自定义我的集合对象的外观。这一切工作正常，但通过 Snoop 检查显示我所有的集合对象都包含在 ContentPresenters 中，而不是直接添加到面板中。这个事实给我带来了一些其他问题。有没有办法避免额外的包装？

这是XAML：

<ItemsControl ItemsSource="{Binding Path=Children}">
  <ItemsControl.Resources>
    <DataTemplate DataType="{x:Type vm:Ellipse}">
      <Ellipse Fill="{Binding Fill}" Stroke="{Binding Stroke}" />
    </DataTemplate>
  </ItemsControl.Resources>
  <ItemsControl.ItemsPanel>
    <ItemsPanelTemplate>
      <Canvas Focusable="true" Margin="10" FocusVisualStyle="{x:Null}" />
    </ItemsPanelTemplate>
  </ItemsControl.ItemsPanel>
  <ItemsControl.ItemContainerStyle>
    <Style>
      <Setter Property="Canvas.Left" Value="{Binding XLoc}" />
      <Setter Property="Canvas.Top" Value="{Binding YLoc}" />
      <Setter Property="Canvas.ZIndex" Value="{Binding ZOrder}" />
    </Style>
  </ItemsControl.ItemContainerStyle>
</ItemsControl>

Answer 1

您可以创建派生的 ItemsControl 并覆盖其 GetContainerForItemOverride 方法：

public class MyItemsControl : ItemsControl
{
    protected override DependencyObject GetContainerForItemOverride()
    {
        return new Ellipse();
    }
}

您的 ItemsControl XAML 不会再设置 ItemTemplate，并且有一个直接针对椭圆的 ItemContainerStyle：

<local:MyItemsControl ItemsSource="{Binding Items}">
    <local:MyItemsControl.ItemsPanel>
        <ItemsPanelTemplate>
            <Canvas/>
        </ItemsPanelTemplate>
    </local:MyItemsControl.ItemsPanel>
    <local:MyItemsControl.ItemContainerStyle>
        <Style TargetType="Ellipse">
            <Setter Property="Width" Value="100"/>
            <Setter Property="Height" Value="100"/>
            <Setter Property="Fill" Value="{Binding Fill}"/>
            <Setter Property="Stroke" Value="{Binding Stroke}"/>
            <Setter Property="Canvas.Left" Value="{Binding XLoc}"/>
            <Setter Property="Canvas.Top" Value="{Binding YLoc}"/>
            <Setter Property="Panel.ZIndex" Value="{Binding ZOrder}"/>
        </Style>
    </local:MyItemsControl.ItemContainerStyle>
</local:MyItemsControl>

请注意，为了绘制以 XLoc 和 YLoc 为中心的椭圆，您应该将 Ellipse 控件替换为具有 EllipseGeometry 的 Path。

避免在 ItemsControl 中使用 ContentPresenter

Avoiding ContentPresenter in ItemsControl

wpf

xaml

datatemplate

itemscontrol