Draw a Sequence of Connected Lines : Polyline « Windows Presentation Foundation « C# / CSharp Tutorial






<Window x:Class="WpfApplication1.Window1"
    xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation"
    xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"
    Title="WPF" Height="270" Width="300" Loaded="Window_Loaded">
    <Canvas>
        <TextBlock Canvas.Top="40" Canvas.Left="20"
                   FontSize="14" Text="Static Points Collection" />
        <Polyline Stroke="Black" StrokeThickness="3" 
                  Points="0,0 300,10 300,10 10,10 10,25
                  250,250 255,85 250,40 205,85 200,40 155,85 35,90" />
        <TextBlock Canvas.Top="150" Canvas.Left="20" Text="Programmatic Points Collection" />
        <Polyline Name="plLine" Stroke="Black" StrokeThickness="3" />
    </Canvas>
</Window>
//File:Window.xaml.cs
using System.Windows;

namespace WpfApplication1
{
    public partial class Window1 : Window
    {
        public Window1()
        {
            InitializeComponent();
        }

        private void Window_Loaded(object sender, RoutedEventArgs e)
        {
         
            plLine.Points.Add(new Point(10, 140));
            plLine.Points.Add(new Point(270, 140));
            plLine.Points.Add(new Point(10, 175));
            plLine.Points.Add(new Point(10, 220));
            plLine.Points.Add(new Point(125, 220));
        }
    }
}
WPF Draw A Sequence Of Connected Lines








24.90.Polyline
24.90.1.No rotationNo rotation
24.90.2.Rotates the Polyline 45 degrees about the point (25,50)Rotates the Polyline 45 degrees about the point (25,50)
24.90.3.Rotates the Polyline 45 degrees about the point (0,0)Rotates the Polyline 45 degrees about the point (0,0)
24.90.4.Rotates the Polyline 45 degrees about its centerRotates the Polyline 45 degrees about its center
24.90.5.Rotates the Polyline 45 degrees about the relative origin (0.25,0.25).Rotates the Polyline 45 degrees about the relative origin (0.25,0.25).
24.90.6.Ployline types do not require connecting endsPloyline types do not require connecting ends
24.90.7.Polyline and Polyline.PointsPolyline and Polyline.Points
24.90.8.PolyLine Segment DemoPolyLine Segment Demo
24.90.9.XAML Button with Polyline and LabelXAML Button with Polyline and Label
24.90.10.Polyline stroke color in RGBPolyline stroke color in RGB
24.90.11.Add Polyline to UniformGridAdd Polyline to UniformGrid
24.90.12.Set Margin and Stroke for PolylineSet Margin and Stroke for Polyline
24.90.13.Set StrokeThickness for PolylineSet StrokeThickness for Polyline
24.90.14.Set StrokeDashArray, StrokeDashCap for PolylineSet StrokeDashArray, StrokeDashCap for Polyline
24.90.15.Round StrokeDashCap PolylineRound StrokeDashCap Polyline
24.90.16.Bevel StrokeLineJoin PolylineBevel StrokeLineJoin Polyline
24.90.17.StrokeStartLineCap for PolylineStrokeStartLineCap for Polyline
24.90.18.Polyline corner is cut off (beveled) because the miter limit is set to 1Polyline corner is cut off (beveled) because the miter limit is set to 1
24.90.19.Create a simple polyline, a closed polyline. And a Sine curve in code.Create a simple polyline, a closed polyline. And a Sine curve in code.
24.90.20.Populate the PointsCollection of the PolyLinePopulate the PointsCollection of the PolyLine
24.90.21.Draw a Sequence of Connected LinesDraw a Sequence of Connected Lines
24.90.22.Sine Wave