5、集合视图快速入门指南

集合视图快速入门指南

1. 初始项目结构

在开始使用集合视图之前，我们先来了解一下初始的项目结构，主要包含以下几个部分：
- 应用委托（AppDelegate.swift）
- 视图控制器（ViewController.swift）
- 故事板（Main.storyboard）
- 资源目录（Images.xcassets）
- 用于单元测试、框架和产品的支持文件和文件夹

2. 创建数据

在开始使用集合视图之前，我们需要创建一些数据来填充它。这里我们将从一个包含四种花色卡片的目录创建集合视图的模型。

3. 添加卡片图像

在相关代码中，有一个 cards 文件夹，其中包含五个子目录，每个子目录包含每张卡片的PNG图像。添加卡片图像的步骤如下：
1. 将 cards 文件夹拖到项目文件夹中。
2. 从Finder中将 cards 文件夹拖到Xcode中，并将其放到 SimpleVC 文件夹内。
3. 添加文件夹时，确保选择将项目复制到目标文件夹的选项，并为任何添加的文件夹创建组。

4. 构建模型

我们将使用JSON文件来构建数据，JSON文件的结构如下：

{
    "suits": [
        {
            "suitName": "Spades",
            "packOrder"