如何在WPF中将蜿蜒的Path拆分为并排的双色同宽路径？

不用手动调整路径点，有两种可靠的方法实现需求，保证弯曲处也能清晰分割：

方法一：通过几何偏移生成独立路径 #

利用WPF的PathGeometry.GetWidenedPathGeometry方法，基于原路径生成左右偏移的几何图形，再分别赋予两个Path控件设置不同颜色：

后台代码示例 #

// 获取原路径的几何对象
var originalGeo = yourOriginalPath.Data as PathGeometry;
// 单个路径的宽度（根据需求调整）
double singlePathWidth = 6;

// 生成左侧路径的几何
var leftPen = new Pen(Brushes.Transparent, singlePathWidth * 2);
leftPen.LineJoin = PenLineJoin.Round; // 确保弯曲处平滑过渡
var leftGeo = originalGeo.GetWidenedPathGeometry(leftPen);
leftGeo.Transform = new TranslateTransform(-singlePathWidth / 2, 0);

// 生成右侧路径的几何
var rightPen = new Pen(Brushes.Transparent, singlePathWidth * 2);
rightPen.LineJoin = PenLineJoin.Round;
var rightGeo = originalGeo.GetWidenedPathGeometry(rightPen);
rightGeo.Transform = new TranslateTransform(singlePathWidth / 2, 0);

// 绑定到两个Path控件
leftPath.Data = leftGeo;
leftPath.Stroke = Brushes.DarkBlue;
leftPath.StrokeThickness = singlePathWidth;

rightPath.Data = rightGeo;
rightPath.Stroke = Brushes.Crimson;
rightPath.StrokeThickness = singlePathWidth;

方法二：纯XAML快速实现（适合简单场景） #

直接复制原Path，通过RenderTransform设置左右偏移，配合StrokeThickness调整宽度，同样能实现并排效果：

<Grid>
    <!-- 左侧路径 -->
    <Path Data="M 10,100 Q 100,0 200,100 T 400,100"
          Stroke="DarkBlue" StrokeThickness="8"
          StrokeLineJoin="Round">
        <Path.RenderTransform>
            <TranslateTransform X="-4"/> <!-- 偏移量为StrokeThickness的一半 -->
        </Path.RenderTransform>
    </Path>
    <!-- 右侧路径 -->
    <Path Data="M 10,100 Q 100,0 200,100 T 400,100"
          Stroke="Crimson" StrokeThickness="8"
          StrokeLineJoin="Round">
        <Path.RenderTransform>
            <TranslateTransform X="4"/> <!-- 偏移量为StrokeThickness的一半 -->
        </Path.RenderTransform>
    </Path>
</Grid>

关键注意点 #

• 两种方法都要设置StrokeLineJoin="Round"或StrokeLineJoin="Bevel"，避免弯曲处出现尖锐缺口或重叠
• 方法一更适合复杂路径，能确保几何边缘完全贴合；方法二适合快速验证，代码更简洁
• 你提到的Brush无法实现需求，是因为WPF的Brush仅负责填充/描边的色彩样式，没有直接生成并排路径的类型，必须通过独立路径或几何偏移实现

内容的提问来源于stack exchange，提问作者Lyndon Gingerich