SwiftUI：UIkit UIbezier 到 SwiftUI 路径

Question

我正在尝试将 UIBezierPath 转换为 SwiftUI 路径

我设法通过编辑下面的代码手动完成：

发件人：

UIBezierPath controlPoint1: CGPoint(x: 1226.38, y: 0), controlPoint2: CGPoint(x: 1199.37, y: 0))

收件人：

SwiftUI control1: CGPoint(x: 1226.38, y: 0), control2: CGPoint(x: 1199.37, y: 0))

完整路径代码示例：

       let stroke253 = UIBezierPath()
            stroke253.move(to: CGPoint(x: 1253.45, y: 0))
            stroke253.addCurve(to: CGPoint(x: 1172.3, y: 0), controlPoint1: CGPoint(x: 1226.38, y: 0), controlPoint2: CGPoint(x: 1199.37, y: 0))
            stroke253.addCurve(to: CGPoint(x: 990.46, y: 0), controlPoint1: CGPoint(x: 1111.66, y: 0), controlPoint2: CGPoint(x: 1051.12, y: 0))
            stroke253.addCurve(to: CGPoint(x: 808.64, y: 0), controlPoint1: CGPoint(x: 929.82, y: 0), controlPoint2: CGPoint(x: 869.27, y: 0))
            stroke253.addCurve(to: CGPoint(x: 626.74, y: 0), controlPoint1: CGPoint(x: 747.98, y: 0), controlPoint2: CGPoint(x: 687.4, y: 0))
            stroke253.addCurve(to: CGPoint(x: 444.84, y: 0), controlPoint1: CGPoint(x: 566.08, y: 0), controlPoint2: CGPoint(x: 505.5, y: 0))
            stroke253.addCurve(to: CGPoint(x: 263, y: 0), controlPoint1: CGPoint(x: 384.18, y: 0), controlPoint2: CGPoint(x: 323.63, y: 0))
            stroke253.addCurve(to: CGPoint(x: 81.18, y: 0), controlPoint1: CGPoint(x: 202.37, y: 0), controlPoint2: CGPoint(x: 141.82, y: 0))
            stroke253.addCurve(to: CGPoint.zero, controlPoint1: CGPoint(x: 54.11, y: 0), controlPoint2: CGPoint(x: 27.07, y: 0))
            context.saveGState()
            context.translateBy(x: 128.21, y: 144.05)
            stroke253.lineWidth = 2
            UIColor(hue: 1, saturation: 0.636, brightness: 0.549, alpha: 1).setStroke()
            stroke253.stroke()
            context.restoreGState()

            context.restoreGState()
        }

import SwiftUI

struct PatternScene: View {
   let stroke253 = Path { stroke253 in
       stroke253.move(to: CGPoint(x: 1253.45, y: 0))
    stroke253.addCurve(to: CGPoint(x: 1172.3, y: 0), control1: CGPoint(x: 1226.38, y: 0), control2: CGPoint(x: 1199.37, y: 0))
    stroke253.addCurve(to: CGPoint(x: 990.46, y: 0), control1: CGPoint(x: 1111.66, y: 0), control2: CGPoint(x: 1051.12, y: 0))
    stroke253.addCurve(to: CGPoint(x: 808.64, y: 0), control1: CGPoint(x: 929.82, y: 0), control2: CGPoint(x: 869.27, y: 0))
    stroke253.addCurve(to: CGPoint(x: 626.74, y: 0), control1: CGPoint(x: 747.98, y: 0), control2: CGPoint(x: 687.4, y: 0))
    stroke253.addCurve(to: CGPoint(x: 444.84, y: 0), control1: CGPoint(x: 566.08, y: 0), control2: CGPoint(x: 505.5, y: 0))
    stroke253.addCurve(to: CGPoint(x: 263, y: 0), control1: CGPoint(x: 384.18, y: 0), control2: CGPoint(x: 323.63, y: 0))
    stroke253.addCurve(to: CGPoint(x: 81.18, y: 0), control1: CGPoint(x: 202.37, y: 0), control2: CGPoint(x: 141.82, y: 0))
    stroke253.addCurve(to: CGPoint.zero, control1: CGPoint(x: 54.11, y: 0), control2: CGPoint(x: 27.07, y: 0))
    }


    var body: some View {
        self.stroke253
            .stroke(Color.blue, lineWidth: 10)

    }
}

struct PatternScene_Previews: PreviewProvider {
    static var previews: some View {
        PatternScene()
    }
}

问题：如何在不手动编辑的情况下做到这一点？

感谢任何帮助！

干杯

Answer 1

我没有清楚地理解您的问题，或者错过了一些信息。但如果您需要将UIBezierPath 转换为Path：

Path(UIBezierPath().cgPath) 或 Path(stroke253.cgPath) 作为您的变量。