如何在 SwiftUI 中组合形状？

Question

我需要从其他几个形状创建一个形状，理想情况下，我会在最后得到一个单一的形状结构，它将像 ZStack 那样堆叠两个形状。我没有注意到任何地方的明显实现，所以也许有人对如何实现它有一些想法？

这是我想要的：

struct CustomShape: Shape {
    func path(in rect: CGRect) -> Path {
        // Add shapes here???? For example, combine Rectangle with Circle?
    }
}

Answer 1

您可以像这样使用func addPath(_ path: Path, transform: CGAffineTransform = .identity) 创建一个新的Shape：

struct CustomShape: Shape {
    func path(in rect: CGRect) -> Path {
        var customShape = Path { p in
            p.move(to: CGPoint(x: 0, y: 0))
            p.addQuadCurve(to: CGPoint(x: 0, y: 100),
                           control: CGPoint(x: 0, y: 0))
            p.addCurve(to: CGPoint(x: 100, y: 400),
                       control1: CGPoint(x: 0, y: 200),
                       control2: CGPoint(x: 100, y: 200))
            p.addCurve(to: CGPoint(x: 200, y: 100),
                       control1: CGPoint(x: 100, y: 200),
                       control2: CGPoint(x: 200, y: 200))
            p.addQuadCurve(to: CGPoint(x: 200, y: 0),
                           control: CGPoint(x: 200, y: 0))
        }

        let rectangle = Rectangle()
            .path(in: customShape.boundingRect)
            .offsetBy(dx: 100, dy: 0)

        customShape.addPath(rectangle, transform: .init(scaleX: 0.5, y: 0.35))

        return customShape
    }
}

并像这样使用它：

struct SwiftUIView: View {
    var body: some View {
        CustomShape()
    }
}