实战需求

macOS SwiftUI 教程之 LazyVGrid和LazyHGrid 使用教程

本文价值与收获

看完本文后，您将能够作出下面的界面

看完本文您将掌握的技能

• 1、垂直网格容器LazyVGrid
• 2、网格容器GridItem
• 3、生产数组 var gridData: [Int] { data.count%2 == 1 ? data.dropLast() : data }

基础知识

LazyVGrid

一种容器视图，将其子视图排列在垂直增长的网格中，仅在需要时创建项目。

struct LazyVGrid<Content> where Content : View

总览

网格是“惰性的”，因为网格视图在需要它们之前不会创建项目。

在以下示例中，包含一个由两列视图组成的网格，其中显示了来自“笑脸”组的Unicode代码点及其对应的表情符号：ScrollViewLazyVGridText

 var columns: [GridItem] =Array(repeating: .init(.flexible()), count: 2)ScrollView {