Polygon in WPF

A polygon is a series of connected lines which is a closed shape. A closed shape is a shape that has same start point and end point. The Polygon object represents a polygon shape and draws a polygon for the given connected points. The Fill property fills the interior of an ellipse. The Stroke property sets the color and StrokeThickness represents the width of the outer line of an ellipse. The Points property of the Polygon represents a collection of Point that defines the points in a polygon. The FillRule property represents how the interior of the polygon is determined. Creating a Polygon The Polygon element in XAML creates a polygon shape. The following code snippet creates a polygon by setting its Points property to the connected points in a polygon. The code also sets the black stroke of width 4 and fills it with yellow color.
<Polygon Points="50, 100 200, 100 200, 200 300, 30" Stroke="Black" StrokeThickness="4" Fill="Yellow" />

The output looks like Figure 11.

Figure 11. A Polygon The CreateAPolygon method listed in Listing 10 draws same rectangle in Figure 11 dynamically.
private void CreateAPolygon() {

// 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 Polygon Polygon yellowPolygon = new Polygon(); yellowPolygon.Stroke = blackBrush; yellowPolygon.Fill = yellowBrush; yellowPolygon.StrokeThickness = 4;

// Create a collection of points for a polygon System.Windows.Point Point1 = new System.Windows.Point(50, 100); System.Windows.Point Point2 = new System.Windows.Point(200, 100); System.Windows.Point Point3 = new System.Windows.Point(200, 200); System.Windows.Point Point4 = new System.Windows.Point(300, 30); PointCollection polygonPoints = new PointCollection(); polygonPoints.Add(Point1); polygonPoints.Add(Point2); polygonPoints.Add(Point3); polygonPoints.Add(Point4);

// Set Polygon.Points properties yellowPolygon.Points = polygonPoints;

// Add Polygon to the page LayoutRoot.Children.Add(yellowPolygon); }

Listing 10

LayoutRoot in the this code below code is the name (ID) of the parent Grid panel. By default, a Grid does not have Name attribute set. You must set it using the following code: <Grid Name="LayoutRoot" />

Comment Request!

Thank you for reading this post. Please post your feedback, question, or comments about this post Here.