SwiftUI初级课程（二十四）LazyHStack,LazyVStack

薄衫岁月长

已于 2023-01-02 19:54:19 修改

阅读量279

点赞数

分类专栏： SwiftUI初级教程文章标签： swiftui ios swift

于 2023-01-02 19:53:55 首次发布

本文链接：https://blog.csdn.net/qyw2013/article/details/128524158

版权

本文深入探讨了SwiftUI中的LazyHStack和LazyVStack组件，解释了它们如何用于优化大型视图数组的性能。通过实例，展示了如何使用这两个组件在iOS应用中创建滚动效果，并讨论了它们在内存管理和用户体验方面的优势。

摘要由CSDN通过智能技术生成

// LazyHStack,LazyVStack//懒加载，仅滚动到视图时，才显示
struct MyCell: View // 定义一个结构体 拥有一个整型属性，作为元素的标识符
{
    var cellIndex: Int
    init(cellIndex: Int) {
        self.cellIndex = cellIndex
        print("cell\(cellIndex)初始化") // 初始化时，控制台输出
    }

    var body: some View {
        Text("当前行是：\(cellIndex)")
    }
}

struct HeaderView: View // 定义一个结构体，作为section的header
{
    var body: some View {
        Text("头部视图")
            .padding()
            .font(.title)
            .foregroundColor(.white)
            .frame(maxWidth: .infinity)
            .background(.purple)
    }
}

struct ContentView: View {
    var body: some View {
        ScrollView // 滚动视图，作为LazyVStack的容器
            {
                LazyVStack(alignment: .leading, spacing: 20, pinnedViews: [.sectionHeaders], content: {
                    Section(header: HeaderView()) // 初始化一个section视图，固定显示在顶部