The Ellipse object
represents an ellipse shape and draws an ellipse with the given height and
width. The Width and Height properties of the Ellipse class represent the width
and height of an ellipse. 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.
Creating an Ellipse
The Ellipse element in
XAML creates an ellipse shape. The following code snippet creates an ellipse by
setting its width and height properties to 200 and 100 respectively. The code
also sets the black stroke of width 4.
<Ellipse
Width="200"
Height="100"
Fill="Blue"
Stroke="Black"
StrokeThickness="4"
/>
The output looks like
Figure 7.
Figure 7. An Ellipse
The CreateAnEllipse
method listed in Listing 8 draws same rectangle in Figure 7 dynamically.
///
<summary>
///
Creates a blue ellipse with black border
///
</summary>
public
void CreateAnEllipse()
{
// Create an Ellipse
Ellipse
blueRectangle = new
Ellipse();
blueRectangle.Height = 100;
blueRectangle.Width = 200;
// Create a blue and a black Brush
SolidColorBrush blueBrush = new
SolidColorBrush();
blueBrush.Color =
Colors.Blue;
SolidColorBrush
blackBrush = new
SolidColorBrush();
blackBrush.Color =
Colors.Black;
// Set Ellipse's width and color
blueRectangle.StrokeThickness = 4;
blueRectangle.Stroke = blackBrush;
// Fill rectangle with blue
color
blueRectangle.Fill = blueBrush;
// Add Ellipse to the Grid.
LayoutRoot.Children.Add(blueRectangle);
}
Listing 7
A circle is an ellipse with an equal width and height. If you set both width
and height to 200 in the above code listed in Listing 7, it will generate a
circle.