Compartilhar via

Como desenhar uma elipse ou um círculo

Este exemplo mostra como desenhar reticências e círculos usando o Ellipse elemento. Para desenhar uma reticência, 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 a estrutura de tópicos da elipse. A StrokeThickness propriedade especifica a espessura da estrutura de tópicos de reticências.

Para desenhar um círculo, torne o Width elemento e Height o Ellipse elemento iguais um ao outro.

O exemplo a seguir desenha quatro Ellipse elementos 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 reticências, você pode usar elementos de elipse (e todas as outras formas) com qualquer Panel ou Control que dê suporte a conteúdo não textual.

Este exemplo faz parte de um exemplo maior; para obter o exemplo completo, consulte Exemplo de Elementos de Forma.

Consulte também