swift swiftUI IOS展示朋友圈片一张图片4:3两张图片1:1三张图片

最新推荐文章于 2022-02-09 14:14:51 发布

程序员里的战斗机

最新推荐文章于 2022-02-09 14:14:51 发布

阅读量364

点赞数

本文链接：https://blog.csdn.net/qq_42148925/article/details/119033164

版权

SwiftUI 图片视图布局数组处理响应式设计

关键词由CSDN通过智能技术生成

swiftUI 同时被 3 个专栏收录

19 篇文章 0 订阅

订阅专栏

Swift

11 篇文章 1 订阅

订阅专栏

ios

6 篇文章 0 订阅

订阅专栏

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()
            }
        }
         
    }
}