Reader Level:
ARTICLE

Line in WPF

On February 03, 2010 Articles | WPF
The Line object represents a line shape and draws a line between two defined points. This article demonstrates how to create lines in WPF and XAML.
  • 0
  • 0
  • 130776

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.

LineImg.gif

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




Mahesh Chand

Mahesh Chand is founder of C# Corner. C# Corner founded in 1999 is a FREE member contributions based open platform for developers to solve problems, learn new technology and hang out.  M...

  • 1rank
  • 71M readers
  • 9times
COMMENT USING

Trending up