Cómo: Dibujar una línea
Actualización: noviembre 2007
En este ejemplo se muestra cómo dibujar líneas mediante el elemento Line.
Para dibujar una línea, cree un elemento Line. Utilice sus propiedades X1 y Y1 para establecer el punto de inicio; y utilice sus propiedades X2 y Y2 para establecer el punto final. Por último, establezca sus propiedades Stroke y StrokeThickness, ya que una línea sin trazo no es visible.
Establecer el elemento Fill para una línea no surte ningún efecto, porque una línea no tiene interior.
En el ejemplo siguiente se dibujan tres líneas dentro de un elemento Canvas.
Ejemplo
<Canvas Height="300" Width="300">
<!-- Draws a diagonal line from (10,10) to (50,50). -->
<Line
X1="10" Y1="10"
X2="50" Y2="50"
Stroke="Black"
StrokeThickness="4" />
<!-- Draws a diagonal line from (10,10) to (50,50)
and moves it 100 pixels to the right. -->
<Line
X1="10" Y1="10"
X2="50" Y2="50"
StrokeThickness="4"
Canvas.Left="100">
<Line.Stroke>
<RadialGradientBrush GradientOrigin="0.5,0.5" Center="0.5,0.5" RadiusX="0.5" RadiusY="0.5">
<RadialGradientBrush.GradientStops>
<GradientStop Color="Red" Offset="0" />
<GradientStop Color="Blue" Offset="0.25" />
</RadialGradientBrush.GradientStops>
</RadialGradientBrush>
</Line.Stroke>
</Line>
<!-- Draws a horizontal line from (10,60) to (150,60). -->
<Line
X1="10" Y1="60"
X2="150" Y2="60"
Stroke="Black"
StrokeThickness="4"/>
</Canvas>
Este ejemplo forma parte de un ejemplo más extenso; para obtener el ejemplo completo, vea Ejemplo Shape Elements.