The Line object represents a line shape and draws a line
between two defined points. The X1 and Y1 properties of the Line represent the
start point and X2 and Y2 properties represent the end point of the line. The
Stroke property sets the color of the line and StrokeThickness represents the
width of the line. A line shape does not have an interior so Fill property has
no affect on a line.
Creating a Line
The Line element in XAML creates a line shape. The following
code snippet creates a Line by setting its start point (X1, Y1) to (50, 50) and
end point (X2, Y2) to (200, 200). That means a line is drawn from point (50,
50) to (200, 200). The code also sets the color of the line to red and width 4.
<Line
X1="50" Y1="50"
X2="200" Y2="200"
Stroke="Red"
StrokeThickness="4" />
The output looks like Figure 4.
Figure 4. A line
The CreateALine method listed in Listing 6 draws same line
in Figure 4 dynamically. LayoutRoot in the below code is ID of a Grid panel on the page.
/// <summary>
/// Creates a line at run-time
/// </summary>
public void CreateALine()
{
// Create a Line
Line
redLine = new Line();
redLine.X1 = 50;
redLine.Y1 = 50;
redLine.X2 = 200;
redLine.Y2 = 200;
// Create a red
Brush
SolidColorBrush
redBrush = new SolidColorBrush();
redBrush.Color = Colors.Red;
// Set Line's
width and color
redLine.StrokeThickness = 4;
redLine.Stroke = redBrush;
// Add line to
the Grid.
LayoutRoot.Children.Add(redLine);
}
Listing 6