如何在SwiftUI中绘制直线后的曲线路径

m4pnthwp 于 2022-09-19 发布在 Swift

关注(0)|答案(1)|浏览(222)

我需要的是画一条曲线，就像下面图片右侧所示的那样。

struct DrawingPaths: View {
        var body: some View {
            Path { path in
                path.move(to: CGPoint(x: 0, y: 0))
                path.addLine(to: CGPoint(x: 0, y: 300))
                path.addLine(to: CGPoint(x: 430, y: 0))
                path.addQuadCurve(to: CGPoint(x:430, y: 0), control: CGPoint(x: 300, y: 5))
            }
            .fill(.blue)
    }

swift

来源：https://stackoverflow.com/questions/73745850/how-to-draw-a-curve-path-after-straight-lines-in-swiftui

1条答案

按热度按时间

x0fgdtte1#

这是一条带有两个控制点的四元曲线。

struct DrawingPaths: View {
    var body: some View {
        Path { path in
            //Top left
            path.move(to: CGPoint(x: 0, y: 0))
            //Left vertical bound
            path.addLine(to: CGPoint(x: 0, y: 300))
            //Curve
            path.addCurve(to: CGPoint(x: 430, y: 200), control1: CGPoint(x: 175, y: 350), control2: CGPoint(x: 250, y: 80))
            //Right vertical bound
            path.addLine(to: CGPoint(x: 450, y: 0))
        }
        .fill(.blue)
        .edgesIgnoringSafeArea(.top)
    }
}

赞(0）回复(0）举报 2022-09-19

我来回答

如何在SwiftUI中绘制直线后的曲线路径

1条答案

相关问题

热门标签

最新问答