如何将画布绑定到矩形列表

Question

使用 WPF，我有一个矩形列表（其中可以包含未定义数量的矩形）和一个画布。我想使用数据绑定将这些矩形放置在画布上。

我尝试过使用项目控件，并且似乎将每个项目堆叠在下一个项目的顶部，就像垂直堆叠面板一样。

我所有的矩形的坐标都是 0,0，但它们在画布上都彼此重叠。

除了使用项目控件之外还有其他选择吗？

Answer 1

您需要考虑绑定时物品的包装：

<ItemsControl ItemsSource="{Binding Data}">
    <ItemsControl.ItemsPanel>
        <ItemsPanelTemplate>
            <Canvas />
        </ItemsPanelTemplate>
    </ItemsControl.ItemsPanel>
    <ItemsControl.ItemContainerStyle>
        <Style>
            <Setter Property="Canvas.Left" Value="{Binding X}"/>
            <Setter Property="Canvas.Top" Value="{Binding Y}"/>
        </Style>
    </ItemsControl.ItemContainerStyle>
    <ItemsControl.ItemTemplate>
        <DataTemplate>
            <!-- Item Template -->
        </DataTemplate>
    </ItemsControl.ItemTemplate>
</ItemsControl>