Como desenhar uma elipse ou um círculo

  • Artigo

Este exemplo mostra como desenhar reticências e círculos usando o Ellipse elemento . Para desenhar uma elipse, crie um Ellipse elemento e especifique seu Width e Height. Use sua Fill propriedade para especificar o Brush que é usado para pintar o interior da elipse. Use sua Stroke propriedade para especificar o Brush que é usado para pintar o contorno da elipse. A StrokeThickness propriedade especifica a espessura do contorno da elipse.

Para desenhar um círculo, faça o Width e Height do Ellipse elemento igual entre si.

O exemplo a seguir desenha quatro Ellipse elementos dentro de um Canvasarquivo .

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 reticências, você pode usar elementos de elipse (e todos os outros elementos de forma) com qualquer Panel ou Control que ofereça suporte a conteúdo não textual.

Este exemplo faz parte de um exemplo maior; para ver o exemplo completo, consulte o Exemplo de elementos de forma.

Confira também