WPF Polyline in XAML

Creating a Polyline

The Polyline element in XAML creates a polyline shape. The following code snippet creates a polyline by setting its Points property. The code also sets the black stroke of width 4. 

<Polyline
    Points="10,100 100,200 200,30 250,200 200,150"
    Stroke="Black"
    StrokeThickness="4" />

The output looks like Figure 12.

Figure 12. A Polyline

The CreateAPolyline method listed in Listing 11 draws same rectangle in Figure 12 dynamically.

private void CreateAPolyline()
{
    // Create a blue and a black Brush
    SolidColorBrush yellowBrush = new SolidColorBrush();
    yellowBrush.Color = Colors.Yellow;
    SolidColorBrush blackBrush = new SolidColorBrush();
    blackBrush.Color = Colors.Black;

    // Create a polyline
    Polyline yellowPolyline = new Polyline();
    yellowPolyline.Stroke = blackBrush;
    yellowPolyline.StrokeThickness = 4;

    // Create a collection of points for a polyline
    System.Windows.Point Point1 = new System.Windows.Point(10, 100);
    System.Windows.Point Point2 = new System.Windows.Point(100, 200);
    System.Windows.Point Point3 = new System.Windows.Point(200, 30);
    System.Windows.Point Point4 = new System.Windows.Point(250, 200);
    System.Windows.Point Point5 = new System.Windows.Point(200, 150);
    PointCollection polygonPoints = new PointCollection();
    polygonPoints.Add(Point1);
    polygonPoints.Add(Point2);
    polygonPoints.Add(Point3);
    polygonPoints.Add(Point4);
    polygonPoints.Add(Point5);

    // Set Polyline.Points properties
    yellowPolyline.Points = polygonPoints;

    // Add polyline to the page
    LayoutRoot.Children.Add(yellowPolyline);
}

Listing 11