Compartir a través de

Cómo: Dibujar una polilínea mediante el uso del elemento Polyline

  • Artículo

En este ejemplo se muestra cómo dibujar una polilínea, que es una serie de líneas conectadas, mediante el elemento Polyline.

Para dibujar una polilínea, cree un elemento Polyline y use la propiedad Points para especificar los vértices de forma. Por último, use las propiedades Stroke y StrokeThickness para describir el contorno de la polilínea, porque una línea sin trazo es invisible.

Nota:

Dado que el elemento Polyline no es una forma cerrada, la propiedad Fill no tiene ningún efecto, incluso si se cierra deliberadamente el contorno de la forma. Para crear una forma cerrada con Fill, use un elemento Polygon.

En el ejemplo siguiente se dibujan dos elementos Polyline dentro de Canvas.

Ejemplo

En lenguaje XAML, la sintaxis válida para los puntos es una lista delimitada por espacios de pares x e y coordinados separados por comas.

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

Aunque en el ejemplo se usa Canvas para contener las polilíneas, puede usar elementos de polilínea (y todos los demás elementos de forma) con cualquier Panel o Control que admita contenido que no sea texto.

Este ejemplo forma parte de un ejemplo más extenso; para obtener el ejemplo completo, vea Ejemplo de elementos de forma.

Vea también