SwiftUI网格布局：从LazyVGrid到Grid的全面实践

第1章 LazyVGrid：垂直网格布局入门

1.1_创建基本的LazyVGrid 1.2_理解ScrollView的必要性 1.3_配置GridItem以定义列 1.4_使用.fixed()创建固定宽度的列 1.5_使用.flexible()创建灵活宽度的列 1.6_使用.adaptive()创建自适应宽度的列

第2章 LazyHGrid：水平网格布局入门

2.1_创建基本的LazyHGrid 2.2_在水平ScrollView中嵌入LazyHGrid 2.3_配置GridItem以定义行 2.4_使用.fixed()创建固定高度的行 2.5_使用.flexible()创建灵活高度的行 2.6_使用.adaptive()创建自适应高度的行

第3章 通用配置与修饰符

3.1_设置网格的整体对齐方式 (alignment) 3.2_调整网格项之间的间距 (spacing) 3.3_使用PinnedViews固定页眉和页脚 3.4_为网格项添加内边距 (padding)

第4章 GridItem 高级配置

4.1_混合使用fixed, flexible, 和 adaptive 4.2_为GridItem设置自定义间距 4.3_为GridItem设置对齐方式 4.4_动态生成GridItem数组 4.5_响应设备方向变化调整列数

第5章 数据驱动的网格布局

5.1_使用ForEach处理动态数据集合 5.2_为网格项实现Identifiable协议 5.3_使用UUID或自定义ID作为唯一标识 5.4_在网格中处理可选数据

第6章 带区段的网格布局 (Sections)

6.1_在LazyVGrid-LazyHGrid中使用Section 6.2_为每个Section添加自定义页眉 (Header) 6.3_为每个Section添加自定义页脚 (Footer) 6.4_实现可折叠的Section

第7章 Grid 视图基础

7.1_Grid与LazyVGrid-LazyHGrid的区别 7.2_创建基本的Grid视图 7.3_使用GridRow组织行内容 7.4_在GridRow中放置视图

第8章 控制单元格尺寸与位置

8.1_使用.gridCellColumns()实现跨列 8.2_使用.gridCellAnchor()设置单元格内对齐 8.3_使用.gridColumnAlignment()设置整列对齐 8.4_使用GridRow的alignment参数控制行内对齐

第9章 高级Grid布局

9.1_使用Spacer在Grid中创建空单元格 9.2_使用.gridCellUnsizedAxes()忽略单元格尺寸计算 9.3_嵌套Grid实现复杂布局 9.4_动态构建GridRow和视图

第10章 构建常见UI模式

10.1_实战：创建一个照片画廊 (LazyVGrid) 10.2_实战：创建一个类似App Store的分类列表 (LazyHGrid) 10.3_实战：创建一个复杂的设置界面 (Grid) 10.4_实战：创建一个日历视图 (LazyVGrid)

第11章 性能优化策略

11.1_理解“Lazy”的含义和性能优势 11.2_避免在网格项视图中进行昂贵的计算 11.3_优化数据加载以配合懒加载网格 11.4_使用.drawingGroup()优化复杂视图渲染 11.5_何时选择Grid而非Lazy Grid