Create Shapes in Windows Store Apps

Introduction

Today we are going to explain how to draw shapes in Windows Store apps using XAML. In this example we are discussing various types of shapes, such as Ellipse, Line, Rectangle, Polygon etc. To create a shape we must define various types of shape properties such as Height, Width, Fill etc.

Ellipse

An Ellipse is a shape with a curved perimeter. To create a basic Ellipse shape we define a Width, Height, and a Brush for the Fill.

Rectangle

A Rectangle is a four-sided shape with its opposite sides being equal. To create a Rectangle shape we define a Width, a Height, and a Fill.

Polygon

A Polygon is a shape with a boundary defined by an arbitrary number of points. The boundary is created by connecting a line from one point to the next, with the last point connected to the first point. The Points property defines the collection of points that make up the boundary.

Line

A Line is simply a line drawn between two points in coordinate space. A Line ignores any value provided for Fill, because it has no interior space.

Polyline

A Polyline is similar to a Polygon in that the boundary of the shape is defined by a set of points, except the last point in a Polyline is not connected to the first point.

Path

A Path is the most versatile Shape because you can use it to define an arbitrary geometry. But with this versatility comes complexity.

1 Comment

Join the conversation! Your thoughts help the community grow.

Justin13y ago
Hey there - thanks for this simple article, it was actually helpful for me in a project that I am working on. I do have a related question though - how can you get the location of an ellipse (or other shape) in order to validate if the pointer is within the shape or not?