WPF/Path - 由多条不同线宽的线组成的几何图形？

Question

我需要在同一张图中绘制不同颜色、粗细等的线条。

我可以创建两个 PathGeometry 实例，但无法在它们上设置颜色。

我可以创建 Path 的两个实例，但无法将它们显示在我的控件中。

我做错了什么？

感谢您的任何评论！

安德斯，丹麦。

下面的代码仅在我的控制中显示“集合”，但我认为这可能是答案的起点......

        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 1

您已经开始采用正确的方法，几何图形定义了“形状”，因此不必担心无法设置其颜色。路径将几何图形转换为屏幕上的视觉表示，因此您可以在此处设置颜色和描边粗细。

您的问题是在最后一步，您正在设置控件的内容属性。通常，此属性用于将某些数据对象与控件关联，然后您提供一个模板作为其可视化表示。

您需要做的是将路径添加为面板的子级。

例如，将 Canvas 或 Grid 添加到控件中。然后通过其 Children 集合属性将两条路径添加到 Grid / Canvas。