Partager via

Guide pratique pour dessiner un rectangle

  • Article

Cet exemple montre comment dessiner un rectangle à l’aide de l’élément Rectangle.

Pour dessiner un rectangle, créez un élément Rectangle et spécifiez son Width et son Height. Pour peindre l’intérieur du rectangle, définissez son Fill. Pour donner au rectangle un contour, utilisez ses propriétés Stroke et StrokeThickness.

Pour donner les angles arrondis au rectangle, spécifiez les propriétés facultatives RadiusX et RadiusY. Les propriétés RadiusX et RadiusY définissent le rayon de l’axe x et de l’axe y de l’ellipse utilisé pour arrondir les angles du rectangle.

Dans l’exemple suivant, deux éléments Rectangle sont dessinés dans un Canvas. Le premier rectangle a un intérieur Blue. Le deuxième rectangle a un Blue intérieur, un contour Black et des angles arrondis.

Exemple

  <Canvas Width="120" Height="200" >

  <!-- Draws a 100 by 50 rectangle with a solid blue fill. -->
  <Rectangle
    Width="100"
    Height="50"
    Fill="Blue"
    Canvas.Left="10"
    Canvas.Top="25" />

  <!-- Draws a 100 by 50 rectangle with a solid blue fill,
       a black outline, and rounded corners. -->
  <Rectangle
    Width="100"
    Height="50"
    Fill="Blue"
    Stroke="Black" StrokeThickness="4"
    RadiusX="20" RadiusY="20"
    Canvas.Left="10"
    Canvas.Top="100"/>

</Canvas>

Bien que cet exemple utilise un Canvas pour contenir les rectangles, vous pouvez utiliser des éléments rectangle (et tous les autres éléments de forme) avec n’importe quel Panel ou Control qui prend en charge le contenu non texte. En fait, les rectangles sont particulièrement utiles pour fournir des arrière-plans pour des parties de panneaux Grid. Pour obtenir un exemple, consultez la Vue d’ensemble de Table.

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

Voir aussi