Comment : 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 Rectangle élément et spécifiez son Width et Height. Pour peindre l’intérieur du rectangle, définissez son Fill. Pour donner au rectangle un contour, utilisez ses propriétés et StrokeThickness ses Stroke propriétés.

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

Dans l’exemple suivant, deux Rectangle éléments sont dessinés dans un Canvas. Le premier rectangle a un Blue intérieur. Le deuxième rectangle a un intérieur, un BlueBlack contour 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 Grid panneaux. Pour obtenir un exemple, consultez la vue d’ensemble du tableau.

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

Voir aussi