我们如何在 SwiftUI 中为自定义路径绘制笔画？

Question

我正在 SwiftUI 中创建一个自定义路径并用红色填充它，我想为我的路径提供边框或描边。我们怎样才能做到这一点？

struct ContentView: View
{
    var body: some View
    {
    
    Path { path in
        path.addArc(center: CGPoint(x: 100, y: 300), radius: 200, startAngle: Angle(degrees: -90), endAngle: Angle(degrees: 0), clockwise: false)
    }
    .fill(Color.red)

    
    
}
}

Answer 1

您需要分别描边和填充路径。这是一种方法。

将您的路径分配给一个变量，然后使用它来填充它，然后用相同的路径描边覆盖它。注意：您需要使用path.closeSubpath()来闭合路径，否则只会绘制圆弧。

struct ContentView: View
{
    var body: some View {
        let path = Path { path in
            path.addArc(center: CGPoint(x: 100, y: 300), radius: 200, startAngle: Angle(degrees: -90), endAngle: Angle(degrees: 0), clockwise: false)
            path.closeSubpath()
        }
        path.fill(Color.red).overlay(path.stroke(Color.black, lineWidth: 2))
    }
}