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