Udostępnij za pośrednictwem

Jak narysować polilinię za pomocą elementu Polyline

W tym przykładzie pokazano, jak narysować wielolinię, która jest serią połączonych linii przy użyciu elementu Polyline.

Aby narysować wielolinię, utwórz element Polyline i użyj jego właściwości Points, aby określić wierzchołki kształtu. Na koniec użyj właściwości Stroke i StrokeThickness, aby opisać kontur wieloliniowy, ponieważ linia bez pociągnięcia jest niewidoczna.

Uwaga / Notatka

Ponieważ element Polyline nie jest zamkniętym kształtem, właściwość Fill nie ma wpływu, nawet jeśli celowo zamkniesz kontur kształtu. Aby utworzyć zamknięty kształt za pomocą Fill, użyj elementu Polygon.

Poniższy przykład przedstawia dwa elementy Polyline umieszczone wewnątrz Canvas.

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="400" Width="400">


  <Polyline
    Points="10,110 60,10 110,110"
    Stroke="Black"
    StrokeThickness="4" />

  <Polyline
    Points="10,110 110,110 110,10"
    Stroke="Black"
    StrokeThickness="4"
    Canvas.Left="150" />


  </Canvas>

Mimo że w tym przykładzie użyto Canvas do zawierania wielolinii, można użyć elementów wieloliniowych (i wszystkich innych elementów kształtu) z dowolnymi 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 .

Zobacz także