Поделиться через


Овал в WPF

Автор: Mahesh Chand

Объект "эллипс" представляет собой фигуру овала и рисует овал с заданной шириной и высотой. В данной статье демонстрируется создание и использование эллипса в WPF и XAML.

Объект "эллипс" представляет собой фигуру овала и рисует овал с заданной шириной и высотой. Ширина и высота овала задаются в свойствах Width (ширина) и Height (высота) класса Ellipse (овал). Свойство Fill (заливка) используется для определения заполнения овала. Свойства Stroke (штрих) задает цвет, а StrokeThickness (толщина штриха) — ширину границы овала.

Создание овала

Элемент Ellipse языка XAML выполняет создание фигуры овала. Приведенный ниже отрывок кода выполняет создание овала с шириной 200 и высотой 100. Также задан черный штрих с шириной 4. 

<Ellipse
    Width="200"
    Height="100"
    Fill="Blue"
    Stroke="Black"
    StrokeThickness="4" />

На выходе получается форма, приведенная на рис. 7.

Рисунок 7. Овал

Метод CreateAnEllipse, приведенный в примере кода 8, выполняет динамическое построение фигуры на рисунке 7.

/// <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);
}

Пример кода 7.

Круг — это овал с одинаковой шириной и высотой. Если в примере кода, приведенном в отрывке 7 выше, указать значение 200 и для ширины и для высоты, будет нарисован круг.