Udostępnij za pośrednictwem


Instrukcje: rysowanie zamkniętego kształtu przy użyciu elementu wielokątnego

W tym przykładzie pokazano, jak narysować zamknięty kształt przy użyciu Polygon elementu . Aby narysować zamknięty kształt, utwórz Polygon element i użyj jego Points właściwości, aby określić wierzchołki kształtu. Linia jest automatycznie rysowana, która łączy pierwsze i ostatnie punkty. Na koniec określ Fill, Stroke, lub oba.

Przykład

W języku XAML (Extensible Application Markup Language) prawidłową składnią punktów jest rozdzielana spacjami lista par x-i współrzędnych rozdzielonych przecinkami.

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

Mimo że w przykładzie użyto Canvas do zawierania wielokątów, można użyć elementów wielokąta (i wszystkich innych elementów kształtu) z dowolnym Panel lub Control, które obsługują zawartość nietekstową.

Ten przykład jest częścią większej próbki; Aby zapoznać się z kompletnym przykładem, zobacz przykładowe elementy kształtu .