通过

如何：使用折线元素绘制折线

  • 项目

此示例演示如何使用 Polyline 元素绘制一条由多条线段连接而成的多段线。

若要绘制折线，请创建一个 Polyline 元素，并使用其 Points 属性指定形状顶点。 最后，使用 Stroke 和 StrokeThickness 属性描述折线轮廓，因为没有笔划的线条是不可见的。

注意

由于 Polyline 元素不是封闭形状，因此即使你故意关闭形状轮廓，Fill 属性也不起作用。 若要创建具有 Fill的封闭形状，请使用 Polygon 元素。

以下示例在 Canvas内绘制两个 Polyline 元素。

例

在可扩展应用程序标记语言（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 一起使用。

此示例是较大示例的一部分;有关完整示例，请参阅 形状元素示例。

另请参阅