import SwiftUI
struct BridgeShape: Shape {
    func path(in rect: CGRect) -> Path {
        let width = rect.width
        let height = rect.height
    
    let bridgeHeight: CGFloat = height * 0.7 // Adjust the height of the bridge
    let curveHeight: CGFloat = height * 0.1 // Adjust the height of the curved inset
    
    var path = Path()
    
    // Starting from the top-left corner
    path.move(to: CGPoint(x: 0, y: 0))
    
    // Top horizontal line
    path.addLine(to: CGPoint(x: width, y: 0))
    
    // Top right curve inset
    path.addQuadCurve(to: CGPoint(x: width, y: curveHeight), control: CGPoint(x: width * 0.8, y: curveHeight))
    
    // Top right corner of the bridge
    path.addLine(to: CGPoint(x: width, y: bridgeHeight))
    
    // Bottom right corner
    path.addLine(to: CGPoint(x: 0, y: bridgeHeight))
    
    // Closing the shape
    path.closeSubpath()
    
    return path
}
}
struct ContentView: View {
    var body: some View {
        ZStack {
            Image("BGImage")
                .resizable()
                .scaledToFill()
                .edgesIgnoringSafeArea(.all)
        
        BridgeShape()
            .fill(Color.blue)
            .frame(height: 250)
    }
}
}
struct ContentView_Previews: PreviewProvider {
    static var previews: some View {
        ContentView()
    }
    }

字符串
将“BGImage”替换为图像资源的名称。调整BridgeShape结构中的bridgeHeight和curveHeight的值，以根据需要修改桥的外观。

当你说你想：
在此复合形状的背景中放置图像
你的意思是，图像应该在形状后面（换句话说，形状覆盖了图像的一部分），还是你想用图像填充形状？

• 如果你想让图片在形状的后面，那么Shape可能是最好的方法，因为这样图片会透过形状的非填充区域显示出来。还有另一个答案可以说明如何做到这一点。
• 然而，如果你想用图像填充形状，那么听起来就像我们只是在谈论从图像中“咬”一口。这可以通过覆盖来完成。

对于覆盖方法，您可能希望咬痕的大小取决于图像的宽度。可以使用GeometryReader来测量此大小。
就像这样：

Image("BGImage")
    .resizable()
    .scaledToFill()
    .frame(height: 250)
    .overlay {
        GeometryReader { proxy in
            let w = proxy.size.width
            let factor = 1.8 // smaller factor = deeper bite
            let xOffsetFactor = (factor - 1) / 2
            let yOffsetFactor = (factor + sqrt((factor * factor) - 1)) / 2
            Circle()
                .fill(Color(UIColor.systemBackground))
                .frame(width: w * factor)
                .offset(x: -w * xOffsetFactor, y: -w * yOffsetFactor)
                .fixedSize()
        }
    }
    .clipped()

字符串