Polyline in WPF

A polyline is a collection of connected straight lines. The Polyline object represents a polyline shape and draws a polyline with the given points. The Points property represents the points in a polyline. The Stroke property sets the color and StrokeThickness represents the width of the line of a polyline.

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