SwiftUI如何合并两个不同Path或在绘制中途修改strokeStyle

你需要实现的是连接垂直点位、活跃点前为实线（对应已完成内容）、活跃点后为虚线（对应待完成内容）的路径效果，参考实现效果如下：

原代码问题说明 #

你现有代码的核心错误在于：Path调用.stroke()修饰符后返回的是视图类型，不再是Path类型，因此无法调用addPath方法合并，也不符合方法声明的some Shape返回值要求。

修正后实现代码 #

不需要强行合并两个路径为单个Shape，直接返回叠放的两个路径视图即可，两者在活跃点处自然衔接，视觉上就是完整的连续路径：

func drawPaths(points: [CGPoint]) -> some View {
    // 边界防护，避免索引越界崩溃
    guard !points.isEmpty else { return EmptyView().eraseToAnyView() }
    let activeChlgIndex = max(0, min(chlgViewModel.activeChallenge?.id ?? 0, points.count - 1))
    
    return ZStack(alignment: .topLeading) {
        // 绘制已完成部分实线
        Path { path in
            path.move(to: points[0])
            for i in 0...activeChlgIndex {
                path.addLine(to: points[i])
            }
        }
        .stroke(Color.pathColorSolid, lineWidth: 2)
        
        // 绘制待完成部分虚线
        Path { path in
            guard activeChlgIndex < points.count - 1 else { return }
            path.move(to: points[activeChlgIndex])
            for i in activeChlgIndex..<points.count {
                path.addLine(to: points[i])
            }
        }
        .stroke(Color.pathColorDotted, style: StrokeStyle(lineWidth: 2, dash: [5]))
    }
    .eraseToAnyView()
}

// 适配类型统一的扩展
extension View {
    func eraseToAnyView() -> AnyView {
        AnyView(self)
    }
}

优化说明 #

• 增加了索引边界校验，避免点位数组为空、活跃索引超出数组范围时的崩溃问题
• 改为返回some View类型，符合SwiftUI视图组合的设计逻辑
• 两个路径在活跃点处重合衔接，不会出现断开或者样式错位的问题

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