将分散/重叠的图像绑定到 WPF 画布

Question

我正在将一个 GDI 应用程序移植到 WPF，在其中我将几十个图像显示到 Form 上，然后使用 GDI 笔和画笔在这些图像的顶部绘制多边形、圆形、矩形等。

我开始掌握 WPF 绑定的窍门，并希望将所有这些图像和标记图形存储在我的 ViewModel 中。

我的 VM 包含我的自定义 DrawingEntity 的 ObservableCollection，DrawingEntity 包含 BitmapSource、Height、Width、CanvasTopLeftY 和 CanvasTopLeftX 的 DependencyProperties，我在集合中经常更新。我知道我的绑定工作正常，但我不知道如何绑定并将这个集合绘制到 Canvas 上。

我玩过 ItemsControl 和 ItemsSource 到死，这里列出了太多不同的方法。我可以将 DrawingEntity.Bitmaps 显示到画布上，但 Canvas.Top 不会绑定到 DrawingEntity 中的 CanvasTopLeftY，所有内容都在 0,0 处重叠。我想我错过了一个明显的策略。有什么想法吗？

Answer 1

查看 this answer 中的 XAML 并对其进行一些细微的更改。