SwiftUI 如何绘制自定义路径?

10 min read

在SwiftUI中,想要绘制自定义路径,可以使用Path类型。

Path是一个描述二维几何形状的类型,它可以通过添加一系列线条、曲线、弧线等基本的几何形状来创建一个自定义路径。下面是一个简单的例子,展示如何使用Path类型绘制一个正方形:

struct CustomPathView: View {
    var body: some View {
        Path { path in
            path.move(to: CGPoint(x: 30, y: 30))
            path.addLine(to: CGPoint(x: 130, y: 30))
            path.addLine(to: CGPoint(x: 130, y: 130))
            path.addLine(to: CGPoint(x: 30, y: 130))
            path.closeSubpath()
        }
        .stroke(Color.blue, lineWidth: 2)
    }
}

以上代码中,我们通过Path类型来绘制了一个正方形,并使用.stroke()方法将这个正方形描边。.path()方法也可以用来填充路径。

需要注意的是,Path类型有很多其他的方法可以用来创建不同形状的路径,比如addArc(center:radius:startAngle:endAngle:clockwise:)可以用来添加弧线。具体可以查看官方文档了解更多信息。