Procedura: Disegnare una forma chiusa utilizzando l'elemento Poligono

In questo esempio viene illustrato come disegnare una forma chiusa utilizzando l'elemento Polygon. Per disegnare una forma chiusa, creare un elemento Polygon e utilizzare la relativa proprietà Points per specificare i vertici di una forma. Viene disegnata automaticamente una linea che collega il primo e l'ultimo punto. Specificare infine un Fill, un Strokeo entrambi.

Esempio

In XAML (Extensible Application Markup Language), la sintassi valida per i punti è un elenco delimitato da spazi di coppie di coordinate x e y separate da virgole.

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

Anche se nell'esempio viene utilizzata una Canvas per contenere i poligoni, è possibile utilizzare elementi poligoni (e tutti gli altri elementi della forma) con qualsiasi Panel o Control che supporta contenuto non di testo.

Questo esempio fa parte di un esempio più ampio; per l'esempio completo, vedere Esempio degli Elementi Forma.