Guide pratique pour dessiner une forme fermée à l’aide de l’élément Polygon

Cet exemple montre comment dessiner une forme fermée à l’aide de l’élément Polygon. Pour dessiner une forme fermée, créez un élément Polygon et utilisez sa propriété Points pour spécifier les sommets d’une forme. Une ligne est automatiquement dessinée qui connecte les premiers et les derniers points. Enfin, spécifiez un Fill, un Strokeou les deux.

Exemple

Dans XAML (Extensible Application Markup Language), la syntaxe valide pour les points est une liste délimitée par des espaces de paires x et y séparées par des virgules.

    <Canvas Height="300" Width="300">

      <!-- Draws a triangle with a blue interior. -->
      <Polygon Points="10,110 60,10 110,110" 
        Fill="Blue" />

      <!-- Draws a triangle with a blue interior and a black outline. 
           The Canvas.Top setting moves the Polygon down 150 pixels. -->
      <Polygon Points="10,110 60,10 110,110"
        Fill="Blue"
        Stroke="Black" StrokeThickness="4"
        Canvas.Top="150" />
  
      <!-- Draws another triangle with a blue interior.
           The Canvas.Left setting moves the Polygon 150 pixels to the right. -->
      <Polygon Points="10,110 110,110 110,10"
        Fill="Blue"
        Canvas.Left="150" />

      <!-- Draws a triangle with a black outline. 
           The Canvas.Left and Canvas.Top settings move 
           the Polygon down 150 pixels and 150 pixels to the right.-->
      <Polygon Points="10,110 110,110 110,10"
        Stroke="Black" StrokeThickness="4"
        Canvas.Left="150" Canvas.Top="150" />  


    </Canvas>

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

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