SwiftUI中如何在自定义Shape内获取描边宽度实现自适配？

SwiftUI的Shape协议本身无法直接获取外部stroke修饰器的lineWidth参数——因为Shape仅负责生成路径，而stroke是后续的View修饰操作，两者上下文完全独立。不过可以通过以下两种方式实现高度与线宽同步，避免冗余代码：

方案一：给Shape添加lineWidth属性并封装扩展 #

将lineWidth作为HorizontalLine的属性，同时封装扩展方法，让调用时只需传入一次线宽：

struct HorizontalLine: Shape {
    let lineWidth: CGFloat
    
    func path(in rect: CGRect) -> Path {
        let verticalCenter = rect.height / 2
        var path = Path()
        path.move(to: CGPoint(x: 0, y: verticalCenter))
        path.addLine(to: CGPoint(x: rect.width, y: verticalCenter))
        return path
    }
    
    func sizeThatFits(_ proposal: ProposedViewSize) -> CGSize {
        CGSize(width: proposal.width ?? .infinity, height: lineWidth)
    }
}

// 封装扩展，简化调用逻辑
extension HorizontalLine {
    // 适配StrokeStyle的版本
    func stroke(_ style: StrokeStyle) -> some View {
        self.lineWidth(style.lineWidth)
            .stroke(style: style)
    }
    
    // 简化的颜色+线宽版本
    func stroke(_ color: Color, lineWidth: CGFloat) -> some View {
        self.lineWidth(lineWidth)
            .stroke(color, lineWidth: lineWidth)
    }
}

使用方式 #

调用时只需传入一次线宽，内部会自动同步Shape高度与描边线宽：

HorizontalLine()
    .stroke(.red, lineWidth: 2)

方案二：创建包裹View统一处理 #

如果不想修改原Shape结构，可以创建一个包裹View，将线宽作为参数，同时处理描边和尺寸：

struct HorizontalLine: Shape {
    func path(in rect: CGRect) -> Path {
        let verticalCenter = rect.height / 2
        var path = Path()
        path.move(to: CGPoint(x: 0, y: verticalCenter))
        path.addLine(to: CGPoint(x: rect.width, y: verticalCenter))
        return path
    }
}

struct HorizontalLineView: View {
    let lineWidth: CGFloat
    let color: Color
    
    var body: some View {
        HorizontalLine()
            .stroke(color, lineWidth: lineWidth)
            .frame(height: lineWidth)
    }
}

使用方式 #

HorizontalLineView(lineWidth: 3, color: .blue)

核心说明 #

• Shape作为路径生成器，无法感知后续View修饰器的参数（比如stroke的lineWidth），且SwiftUI环境变量未提供该值，因此必须通过参数传递同步线宽与高度。
• 两种方案都避免了手动重复输入线宽，实现了高度与描边线宽自动匹配的效果。

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