Compartilhar via


Como: Draw an Ellipse or a Circle

Este exemplo mostra como desenhar elipses e círculos usando o elemento Ellipse. Para desenhar uma elipse, crie um elemento Ellipse e especifique seu Width e Height. Use a propriedade Fill para especificar o Brush que será utilizado ao pintar o interior da elipse. Use a propriedade Stroke para especificar o Brush que será utilizado ao pintar a borda da elipse. A propriedade StrokeThickness especifica a espessura da borda da elipse.

Para desenhar um círculo, faça com que os elementos Width e Height da Ellipse sejam iguais.

O exemplo a seguir desenha quatro elementos Ellipse em um Canvas.

Exemplo

<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>

Embora este exemplo use um Canvas para conter as elipses, você pode usar elementos elipses (e todos outros elementos de forma) com qualquer Panel ou Control que suporte conteúdo não textual.

This example is part of a larger sample; for the complete sample, see Exemplo de elementos de forma.

Consulte também

Tarefas

Exemplo de elementos de forma

Referência

Ellipse

Shape