c# - グリッドビュー セル間に接続線を描画しますか?

Question

グリッドビューのセル間に接続線を引く方法を知っている人はいますか? 各月の果物の最低価格を結び付けたいです。私はそれを構築するためにWPFとC＃を使用しています。

グリッドビューに表示したい状況の写真へのリンクは次のとおりです。

P/s: ペイントを使用して画像を描きました。申し訳ありませんが、評判ポイントが低いため、写真をアップロードできませんでした。

Answer 1

このようなキャンバスを xaml に追加して、グリッドビューを満たすようにします

<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);
}