Partager via

Guide pratique pour dessiner un Ellipse ou un cercle

  • Article

Cet exemple montre comment dessiner des ellipses et des cercles à l’aide de l’élément Ellipse. Pour dessiner un ellipse, créez un élément Ellipse et spécifiez son Width et son Height. Utilisez sa propriété Fill pour spécifier la Brush utilisée pour peindre l’intérieur de l’ellipse. Utilisez sa propriété Stroke pour spécifier la Brush utilisée pour peindre le contour de l’ellipse. La propriété StrokeThickness spécifie l’épaisseur du contour ellipse.

Pour dessiner un cercle, rendez Width et Height de l’élément Ellipse égaux l'un à l'autre.

L’exemple suivant dessine quatre éléments Ellipse dans un Canvas.

Exemple

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

Bien que cet exemple utilise un Canvas pour contenir les ellipses, vous pouvez utiliser des éléments d'ellipse (et tous les autres éléments de forme) avec n’importe quel Panel ou Control qui prend en charge le contenu non textuel.

Cet exemple fait partie d’un échantillon plus large ; pour obtenir l’exemple complet, consultez exemple d’éléments de forme.

Voir aussi