Практическое руководство. Рисование эллипса или круга

В этом примере показано, как рисование эллипсов и кругов с помощью Ellipse элемент. Чтобы нарисовать эллипс, создайте Ellipse элемент и указать его Width и Height. Используйте его Fill свойство, чтобы указать Brush , используемый для закрашивания внутренней части эллипса. Используйте его Stroke свойство, чтобы указать Brush , используемый для рисования контура эллипса. StrokeThickness Свойство задает толщину контура эллипса.

Чтобы нарисовать окружность, Width и Height из Ellipse элемент, равный друг с другом.

В следующем примере рисуется четыре Ellipse элементы внутри Canvas.

Пример

<Canvas Height="200" Width="200">

  <!-- Draws an oval with a blue interior. -->
  <Ellipse
    Width="100"
    Height="50"
    Fill="Blue"
    Canvas.Left="10"
    Canvas.Top="25" />

  <!-- Draws an oval with a blue interior and a black outline. -->
  <Ellipse
    Width="100"
    Height="50"
    Fill="Blue"
    Stroke="Black"
    StrokeThickness="4"
    Canvas.Left="10"
    Canvas.Top="100"/>

  <!-- Draws a circle with a blue interior. -->
  <Ellipse
    Width="50"
    Height="50"
    Fill="Blue"
    Canvas.Left="135"
    Canvas.Top="25"/>

  <!-- Draws a circle with a blue interior and a black outline. -->
  <Ellipse
    Width="50"
    Height="50"
    Stroke="Black"
    StrokeThickness="4"
    Canvas.Left="135"
    Canvas.Top="100" />

</Canvas>

Несмотря на то, что в этом примере используется Canvas должен содержать кнопку с многоточием, можно использовать элементы эллипса (и все остальные элементы фигуры) с любым Panel или Control , поддерживающий нетекстовое содержимое.

Этот пример является частью большего примера; Полный пример см. в разделе пример элементов-фигур.

См. также