swiftUI的GirdView

最新推荐文章于 2024-06-05 07:57:47 发布

lingjunjie

最新推荐文章于 2024-06-05 07:57:47 发布

阅读量432

点赞数 11

分类专栏： swiftUI 文章标签： swiftui ios swift

本文链接：https://blog.csdn.net/lingjunjie/article/details/136641547

版权

swiftUI 专栏收录该内容

29 篇文章 1 订阅

订阅专栏

GirdView的简单使用，附效果图

最近笔者公司有可能用到swiftUI去进行开发，因为提前进行学习。过程中会把学习中demo代码发到博客。
也是为了做个笔记，也希望能帮到大家在实际中应用

struct GridBootcamp: View {
    let colums: [GridItem] = [
        //        GridItem(.adaptive(minimum: 50, maximum: .infinity), spacing:  nil , alignment: nil),
        GridItem(.flexible(), spacing:  nil , alignment: nil),
        GridItem(.flexible(), spacing:  nil , alignment: nil),
        GridItem(.flexible(), spacing:  nil , alignment: nil),
    ]
    var body: some View {
        
        
        ScrollView{
            LazyVGrid(columns: colums,
                      alignment: .center,
                      spacing: 6,
                      /// 固定header
                      pinnedViews: [.sectionHeaders],
                      content: {
                
                Section(header: Text("section 1")
                    .foregroundStyle(.yellow)
                    .font(.title)
                    .frame(maxWidth: .infinity, alignment: .leading)
                    .background(Color.green)
                ) {
                    ForEach(0..<10) { index in
                        Rectangle().frame(height: 150)
                            .foregroundStyle(Color.orange)
                    }
                }
                
                Section(header: Text("section 2")
                    .foregroundStyle(.yellow)
                    .font(.title)
                    .frame(maxWidth: .infinity, alignment: .leading)
                    .background(Color.green)
                ) {
                    ForEach(0..<19) { index in
                        Rectangle().frame(height: 150)
                            .foregroundStyle(Color.pink)
                    }
                }
                
                
            }).padding()
        }
        
        
    }
    
    
}

#Preview {
    GridBootcamp()
}

GirdView是Apple给SwiftUI设计一个用来处理瀑布流的组件，代码中把其设计成一个section。如果只是需要一个GirdView 那么使用这部分就可以

 LazyVGrid(columns: colums,
                      alignment: .center,
                      spacing: 6,
                      /// 固定header
                      pinnedViews: [.sectionHeaders],
                      content: {
                    ForEach(0..<10) { index in
                        Rectangle().frame(height: 150)
                            .foregroundStyle(Color.orange)
                    }
            })