c# - 在gridview单元格之间画一条连接线？

Question

有谁知道如何在gridview中的单元格之间绘制一条连接线？我想连接每个月水果的最低价格。我正在使用 WPF 和 C# 来构建它。

这是我希望我的 gridview 显示的情况图片的链接：

P / s：我使用Paint绘制了图像。抱歉，由于信誉点低，我无法上传图片。

Answer 1

将这样的画布添加到您的 xaml 中，以使其满足您的 gridview

<Canvas Width="300" Height="300" Background="Beige"  Opacity="0.5" Name="canvas1"/>

然后在您的代码中，您可以使用其中一个Line或Path类来绘制路径。我的代码使用 Line 类：

private void drawGridLines()
{
    Line lastline = new Line();
    lastLine.X2 = 0;
    lastLine.Y2 = 0;

    bool first = true;


    for(int i=0; i<5; i++) // iterate over your gridview rows
    {
        Line newline = new Line();

        newline.X1 = lastline.X2;
        newline.Y1 = lastline.Y2;

        newline.X2 = 50; // calculate X position of your minimum cell
        newline.Y2 = 50; // calculate Y position of your minimum cell 


        if(!first) { // first minimum cell should't be drawn, it is just the start point for next line

           drawLine(newline);
        } else {
           first = false;
        }

        lastline = newline;
    }
}

public void drawLine(Line line)
{
    line.Stroke = System.Windows.Media.Brushes.Red;
    line.StrokeThickness = 1;
    canvas1.Children.Add(line);
}