如何在多个图像之间画线
本文关键字：之间 图像 | 更新日期: 2023-09-27 18:30:52
我需要直观地显示从一张图像到一个或多个图像的一条线，以表示连接到一个或多个服务器的服务器。我假设 WPF 是最好的工具，并且正在使用这个项目来学习和评估 WPF，并确定我们是否应该从 WinForms 开始迁移。
我试图保持布局简单，以便重新调整大小和管理布局。因此，表示源服务器的图像位于左上角，所有连接的服务器列在右侧。我是WPF和Expression Blend的新手，一直在为如何绘制连接器而苦苦挣扎。现在我把图像放在一个网格中。在尝试使用平铺图像绘制线条后，我开始使用带有GradientBrush的线条，它看起来像2D管道。这似乎是一个不错的方法。但我希望有一种适当的方法来绘制类似于我的模型的路径。
思潮。。。
- 将线条放在网格中并跨越多行和多列
- 将线条放在跨越所有行和列的画布上
- 我认为行路径需要在后面的代码中确定，但我对 XAML 能够实现的所有功能都印象深刻。
我只是一个 WPF 菜鸟，对 WPF 可以做的所有事情有点不知所措。这似乎是以前做过很多次的事情，但我找不到任何相关的 WPF 示例，并且宁愿尽量减少我令人沮丧的尝试：-）
我会使用Canvas而不是Grid，因为您可以在 Canvas 中使用绝对定位。
看看这个关于 CodeProject 的 4 部分系列，以获得一些想法。
您可以尝试在图像之间使用分离器。将分隔器放在堆叠面板中，以便您可以控制其水平或垂直方向，还可以更改其颜色和厚度。如果将分隔符放置在画布中，还可以控制其位置。