WPF/Path - geometry consisting of multiple lines with different line width?

wpf path pathgeometry
Anders Juul picture Anders Juul · Jan 4, 2011 · Viewed 7.9k times · Source

I have the need for drawing in the same drawing with lines of different color, thickness etc.

I can create two instances of PathGeometry, but I can't set color on them.

I can create two instances of Path, but can't get them displayed in my control.

What am I doing wrong?

Thanks for any comments!

Anders, Denmark.

Code below only displays "collection" in my control, but I thought it could be a starting point for answers...

        var pathFigure1 = new PathFigure(new Point(0, 0),
                                         new List<PathSegment> {new LineSegment(new Point(10, 10), true)}, false);
        var pathFigure2 = new PathFigure(new Point(20, 20),
                                         new List<PathSegment> {new LineSegment(new Point(30, 30), true)}, false);


        var g1 = new PathGeometry(new List<PathFigure> {pathFigure1});
        var g2 = new PathGeometry(new List<PathFigure> {pathFigure2});

        var p1 = new System.Windows.Shapes.Path
                     {
                         Data = g1,
                         Stroke = new SolidColorBrush(Color.FromRgb(0, 0, 0))
                     };
        var p2 = new System.Windows.Shapes.Path
                     {
                         Data = g2,
                         Stroke = new SolidColorBrush(Color.FromRgb(170, 87, 170))
                     };

        var content = new Canvas();
        content.Children.Add(p1);
        content.Children.Add(p2);

        Content = content;

Answer

ColinE picture ColinE · Jan 4, 2011

You have started on the right approach, a geometry defines a 'shape', so don;t worry that you cannot set its colour. A Path turns the geometry into a visual representation on the screen, so here you can set the color and stroke thickness.

Your problem is at the very last step, you are setting the content property of your control. Typically this property is used to associate some data object with a control, you then supply a template which is its visual representation.

What you need to do is add your paths as children of a panel.

For example, add a Canvas, or a Grid to your control. Then add your two paths to the Grid / Canvas via their Children collection property.

Related questions

Passing two command parameters using a WPF binding

I have a command which I am executing from my XAML file using the following standard syntax: <Button Content="Zoom" Command="{Binding MyViewModel.ZoomCommand}"/> This worked fine until I realized that I needed TWO pieces of information from …

Read More
WPF C# Path: How to get from a string with Path Data to Geometry in Code (not in XAML)

I want to generate a WPF Path object in Code. In XAML I can do this: <Path Data="M 100,200 C 100,25 400,350 400,175 H 280"> How can I do the same in Code? Path path = new Path(); Path.Data = "foo"; //This won't …

Read More
Are "{Binding Path=.}" and "{Binding}" really equal

In my WPF project, I have a ListBox that displays items from a List<string> collection. I wanted to make the text of these items editable, so I wrapped each of them in an ItemTemplate with a TextBox (…

Read More