共用方式為

如何：使用 Polyline 項目繪製聚合線

  • 發行項

此範例會示範如何使用 Polyline 元素繪製聚合線條，也就是一系列連接的線。

若要繪製聚合線條，請建立 Polyline 元素，並使用其 Points 屬性來指定圖形頂點。 最後，使用 Stroke 和 StrokeThickness 屬性來描述聚合線條外框，因為沒有筆觸的線條是看不見的。

注意

因為 Polyline 元素不是封閉圖形，因此即使您刻意封閉圖形外框，Fill 屬性也不會有任何作用。 若要以 Fill 建立封閉圖形，請使用 Polygon 元素。

下列範例會在 Canvas 內繪製兩個 Polyline 元素。

範例

在 Extensible Application Markup Language (XAML) 中，點的有效語法是以空格分隔的 x 和 y 坐標組清單 (以逗號分隔)。

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

雖然此範例使用 Canvas 來包含聚合線條，但您可以使用聚合線條元素 (以及所有其他圖形元素) 搭配任何支援非文字內容的 Panel 或 Control。

此範例是較大範例的一部分；如需完整的範例，請參閱圖形元素範例 (英文)。

另請參閱