将 WPF Canvas 子项绑定到 ObservableCollection

Question

在我的 WPF 应用程序中，我有一个 Canvas，可以在其中进行一些绘图。早些时候，我在后面的代码中处理了绘图，但现在我已将所有内容分解到 ViewModel 中。这给我带来了一些挑战。

我有一些 InkPresenter 对象保存笔划。早些时候，我将它们作为子项添加到后面代码中的 Canvas 中 - 就像这样：

// Build an InkPresenter: 
var someInkPresenter = BuildInkPresenter(..); 
//_myCanvas is the <Canvas> I want to display it in: 
_myCanvas.Children.Add(someInkPresenter); 

现在 - 不在保存 _myCanvas 的 XAML 代码后面构建 InkPresenter 我需要以不同的方式执行此操作。我想做的是创建一个 InkPresenter 并将其添加到集合中：

public ObservableCollection<InkPresenter> Drawings;

我现在的问题是如何将 Canvas 绑定到此 ObservableCollection - 并在添加到集合时显示 InkPresenter。我可以使用数据绑定以某种方式实现这一点吗？

Answer 1

我认为你可以使用 ItemsControl 来完成此操作+ ItemsPanelTemplate。像这样：

<ItemsControl ItemsSource="{Binding YourCollection}">
    <ItemsControl.ItemsPanel>
        <ItemsPanelTemplate>
            <Canvas />
        </ItemsPanelTemplate>
    </ItemsControl.ItemsPanel>
</ItemsControl>

要了解有关此方法的更多信息，请参阅 Dr.WPF：ItemsControl：A to Z (P 代表面板< /a>)

Answer 2

Anvaka 建议的解决方案很棒，但正如 John Bowen 指出的那样，如果您想将项目实际绑定到 Canvas 附加属性，您需要了解更多信息。

以下是如何绑定到 Canvas.Left 和 Canvas.Top 的示例：

<ItemsControl ItemsSource="{Binding YourCollection}">
    <ItemsControl.ItemsPanel>
        <ItemsPanelTemplate>
            <Canvas />
        </ItemsPanelTemplate>
    </ItemsControl.ItemsPanel>
    <ItemsControl.ItemContainerStyle>
        <Style TargetType="ContentPresenter">
            <Setter Property="Canvas.Left" Value="{Binding YourModelLeft}" />
            <Setter Property="Canvas.Top" Value="{Binding YourModelTop}" />
        </Style>
    </ItemsControl.ItemContainerStyle>
</ItemsControl>

顺便说一句，我在 这个问题，在我尝试了 Anvaka 的建议后，绑定不起作用。

希望这对其他人有帮助，寻找相同的答案。