[移动开发]swift swiftUI IOS展示朋友圈片一张图片4:3两张图片1:1三张图片

private let kImageSpace: CGFloat = 6

struct PostImageCell: View {
    let images: [String]
    let width: CGFloat
    
    var body: some View {
        Group{
            if images.count == 1 {
                loadImage(name: images[0])
                    .resizable()
                    .scaledToFill()
                    .frame(width: width, height: width * 0.75, alignment: .center)
                    .clipped()
            }
            else if images.count == 2 {
                PostImageCellRow(images: images, width: width)
            }
            else if images.count == 3 {
                PostImageCellRow(images: images, width: width)
            }
            else if images.count == 4 {
                VStack(spacing: kImageSpace) {
                    PostImageCellRow(images: Array(images[0...1]), width: width)
                    PostImageCellRow(images: Array(images[2...3]), width: width)
                }
            }
            else if images.count == 5 {
                VStack(spacing: kImageSpace) {
                    PostImageCellRow(images: Array(images[0...1]), width: width)
                    PostImageCellRow(images: Array(images[2...4]), width: width)
                }
            }
            else if images.count == 6 {
                VStack(spacing: kImageSpace) {
                    PostImageCellRow(images: Array(images[0...2]), width: width)
                    PostImageCellRow(images: Array(images[3...5]), width: width)
                }
            }
        }
    }
}

struct PostImageCellRow: View {
    let images: [String]
    let width: CGFloat
    var body: some View{
//        string本身自己就可以作为id所以这里是反斜杠self
        HStack(spacing: kImageSpace) {
            ForEach(images, id: \.self){ image in
                loadImage(name: image)
                    .resizable()
//                    .aspectRatio(contentMode: .fit)
                    .scaledToFill()
                    .frame(width: (self.width - 6 * CGFloat(self.images.count - 1)) / CGFloat(self.images.count),height: (self.width - 6 * CGFloat(self.images.count - 1)) / CGFloat(self.images.count))
                    .clipped()
            }
        }
         
    }
}