实战需求

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

本文价值与收获

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

看完本文您将掌握的技能

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

---

基础知识

LazyVGrid

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

<code>struct LazyVGrid<Content> where Content : View
</code>

总览

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

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

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

【说明】：本文章由站长整理发布，文章内容不代表本站观点，如文中有侵权行为，请与本站客服联系(QQ:254677821)！