SwiftUI 為我們提供了五個常用的內置形狀：矩形、圓角矩形、圓形、橢圓和膠囊。下面我們通過簡單的demo來直觀看一下

五個常用的內置形狀

五個常用的內置形狀

ZStack應用基礎形狀

圖像個性化形狀

五個常用的內置形狀代碼

struct ShapeBox: View {
    
    var body: some View {
        VStack {
            
            
            Spacer()
            Group{
                Text("矩形 Rectangle")
                Rectangle()
                    .fill(Color.orange)
                    .frame(width: 100, height: 100)
            }
            Group{
                Text("圓角矩形 RoundedRectangle")
                RoundedRectangle(cornerRadius: 25, style: .continuous)
                    .fill(Color.red)
                    .frame(width: 100, height: 100)
            }
            
            Group{
                Text("膠囊 Capsule")
                Capsule()
                    .fill(Color.green)
                    .frame(width: 100, height: 50)
                
                Text("橢圓形 Ellipse")
                Ellipse()
                    .fill(Color.blue)
                    .frame(width: 100, height: 50)
            }
            Group{
                Text("圓形 Circle")
                Circle()
                    .fill(Color.purple)
                    .frame(width: 100, height: 50)
            }
            Spacer()
            
        }.background(
            Image("zgf")
                .resizable()
                .aspectRatio(contentMode: .fill)
        )
    }
}

ZStack應用基礎形狀