Condividi tramite

Procedura: Disegnare un'ellisse o un cerchio

In questo esempio viene illustrato come disegnare ellissi e cerchi usando l'elemento Ellipse. Per disegnare un'ellisse, creare un elemento Ellipse e specificarne Width e Height. Utilizzare la relativa proprietà Fill per specificare il Brush utilizzato per disegnare l'interno dell'ellisse. Utilizzare la relativa proprietà Stroke per specificare il Brush utilizzato per disegnare il contorno dell'ellisse. La proprietà StrokeThickness specifica lo spessore del contorno dell'ellisse.

Per disegnare un cerchio, impostare l'Width e Height dell'elemento Ellipse uguale l'uno all'altro.

Nell'esempio seguente vengono disegnati quattro elementi Ellipse all'interno di un Canvas.

Esempio

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

Anche se in questo esempio viene utilizzato un Canvas per contenere le ellissi, è possibile utilizzare elementi ellissi (e tutti gli altri elementi di forma) con qualsiasi Panel o Control che supporta contenuti non testuali.

Questo esempio fa parte di una serie più ampia; per l'esempio completo, vedere Esempio di elementi di forma.

Vedere anche