WPF 將不同的形狀綁定到 ItemsControl 中的 DataTemplate

Question

我想將不同的 System.Windows.Shapes.Shape 綁定到 ItemsControl 中的 DataTemplate。 我基於具有位置和形狀信息的數組在 Canvas 上有以下 ItemsControl 繪圖形狀：

<ItemsControl Width="800" ItemsSource="{Binding ShapesPositionArray}">
    <ItemsControl.ItemsPanel>
        <ItemsPanelTemplate>
            <Canvas Name="sequenceCanvas" Width="800" Height="800" ClipToBounds="True"/>
        </ItemsPanelTemplate>
    </ItemsControl.ItemsPanel>
    <ItemsControl.ItemContainerStyle>
        <Style TargetType="ContentPresenter">
            <Setter Property="Canvas.Left" Value="{Binding X}"/>
            <Setter Property="Canvas.Top" Value="{Binding Y}"/>
        </Style>
    </ItemsControl.ItemContainerStyle>
    <ItemsControl.ItemTemplate>
        <DataTemplate>
            <Ellipse  Width="5" Height="5" Fill="Black"/>
        </DataTemplate>
    </ItemsControl.ItemTemplate>
</ItemsControl>

如果我使用 Ellipse（如示例）或 Rectangle 或 Polygon 之類的形狀進行綁定，則效果很好，但我需要同時具有不同的形狀，例如 Polygons 和 Ellipses。 我嘗試使用 ContentControl 將 DataTemplate 關聯到 Shapes 類型的 object PartShape：

<ItemsControl.ItemTemplate>
    <DataTemplate>
        <ContentControl Content="{Binding PartShape}" />
    </DataTemplate>
</ItemsControl.ItemTemplate>

VM 中的 PartShape 是 object，如下所示：

public System.Windows.Shapes.Shape PartShape
{
    get
    {
        System.Windows.Shapes.Shape r = new System.Windows.Shapes.Ellipse();
        r.Width = 20;
        r.Height = 5;
        return r;
    }
}

綁定沒問題，沒有錯誤，但它不起作用，它在 canvas 上什么也沒畫。 我該怎么辦？

謝謝。

Answer 1

你需要給形狀上色。 它已添加但不可見。

System.Windows.Shapes.Shape r = new System.Windows.Shapes.Ellipse 
{
    Width = 20,
    Height = 5,
    Fill = Brushes.Blue
};

public System.Windows.Shapes.Shape PartShape
{
    get { return r; }
}