如何在多個圖像之間繪製線條

Question

我需要從一個圖像直觀地顯示一條線到一個或多個圖像，以表示連接到一臺或多臺服務器的服務器。我假設WPF是最好的工具，我正在使用這個項目來學習和評估WPF，並確定我們是否應該從WinForms開始遷移。

我試圖保持佈局簡單的目的重新調整大小和管理佈局。因此，代表源服務器的映像位於左上角，所有連接的服務器都列在右側。我是WPF和Expression Blend的新手，一直在如何繪製連接器。現在我有一個網格中的圖像。經過一些令人沮喪的嘗試使用平鋪圖像繪製線條後，我開始使用帶有漸變刷子的線條，該線條看起來像2D管道。這似乎是一個體面的方法。但我希望有一個合適的方法來繪製類似於我的模擬的路徑。

思考...

• 將網格線和跨越多個行和列
• 放線跨越所有的行和列的畫布上
• 我假定線的路徑將需要在後面的代碼中確定，但是我對XAML所具備的一切印象深刻。

我只是一個WPF noob，並被WPF所能做的一切淹沒。這似乎喜歡的事，以前也做過很多次，但我無法找到任何相關的WPF的例子，寧願儘量減少我沮喪的嘗試:-)

Answer 1

我會用Canvas而不是Grid，因爲你可以使用absolute positioning with Canvas。

看看這4部分系列CodeProject得到一些想法。

Answer 2

您可以嘗試在圖像之間使用Seperator。將分離器放置在一個堆疊面板中，以便您可以將其方向控制爲水平或垂直，並且還可以更改其顏色和厚度。如果將分隔符放置在畫布上，則還可以控制其位置。