在 SwiftUI 中,实现网格布局主要使用 (垂直滚动网格)和 (水平滚动网格)。 这两个视图的核心在于配置 ,它决定了网格的列数(对于 VGrid)或行数(对于 HGrid)以及它们的大小行为。 以下是详细的实现指南: --- 1. 基础概念:GridItem 在创建网格之前,你需要定义布局的规则。这是通过 数组来实现的。 有三种尺寸模式: 1. : 固定大小。 2. : 灵活大小,平分剩余空间(最常用)。 3. : 自适应,在空间允许的情况下尽可能多地填充项目。 --- 2. 垂直网格 (LazyVGrid) 这是最常见的布局(类似 iOS 的相册)。你需要定义列(Columns)。 示例代码:固定列数(例如 3 列) --- 3. 水平网格 (LazyHGrid) 如果你想要横向滚动的网格,使用 。你需要定义行(Rows)。 示例代码:固定行数 --- 4. 进阶:GridItem 的三种模式详解 理解这三种模式对于适配不同屏幕(iPhone vs iPad)至关重要。 A. (平分空间) 如果你想要固定的列数(例如永远是 3 列),但宽度随屏幕变宽而变宽: B. (响应...