線分・折れ線

線分を利用するには、始点と終点の座標を指定する。折れ線とは複数の線分をつなげたものであるので、 線分の利用方法がわかれば折れ線も構成できるが、折れ線専用のクラスも利用できる。

準備

前回と同様にして、最初から用意されているGridにgrid1という名前を付ける。 （これはXAMLファイルを変更する.) 詳細はこちら.

線分

以降はC#ファイルとなる。

public MainWindow()
{
    InitializeComponent();
    Canvas canvas1 = new Canvas();
    grid1.Children.Add(canvas1);
    Line line = new Line();
    line.Stroke = Brushes.Black; //線の色
    line.StrokeThickness = 1; //線の太さ
    line.X1 = 50;
    line.Y1 = 100;
    line.X2 = 600;
    line.Y2 = 300;
    canvas1.Children.Add(line);
}

実行結果.

解説

始点が(X1,Y1)で終点が(X2,Y2)となる。この点に注意すれば、円や四角形の場合と同じである。

grid1.Children.Add(canvas1);  

では、土台となるgrid1にcanvas1を子要素として追加している。

折れ線

折れ線はPolylineを用いる。

public MainWindow()
{
    InitializeComponent();
    Canvas canvas1 = new Canvas();
    grid1.Children.Add(canvas1);
    Polyline polyline = new Polyline();
    PointCollection pointC = new PointCollection();
    pointC.Add(new Point(100, 200));
    pointC.Add(new Point(200, 100));
    pointC.Add(new Point(250, 250));
    polyline.Stroke = Brushes.Black;
    polyline.StrokeThickness = 1;
    polyline.Points = pointC;
    canvas1.Children.Add(polyline);
}

実行結果.

解説

polyline.Points に折れ線の頂点を設定すれば良いが、 その指定は「PointCollection」という特別なものを利用する。これは、感覚的には「Pointのリスト」と思えば理解しやすい。