10、构建应用程序故事板结构

构建应用程序故事板结构

1. 概述

在之前的工作中，我们创建了一个新的项目并开始构建应用的用户界面（UI）。添加了标签栏，让用户可以在探索和地图屏幕之间进行选择，同时为两个屏幕添加了导航栏，还添加了自定义图形文件、为启动屏幕设置了自定义颜色和图标，以及为启动屏幕和标签栏按钮添加了自定义图标。不过，目前应用启动时首先显示的探索屏幕还是空白的。

接下来，我们要让探索屏幕显示一个包含 20 个空单元格的集合视图，以及一个集合视图部分标题，其中包含一个按钮，点击该按钮将显示代表位置屏幕的视图。同时，我们还会配置一个取消按钮，用于关闭该视图并返回探索屏幕。在这个过程中，我们会添加少量代码将 UI 元素链接到输出口，但暂时不用过于担心代码的具体含义。

2. 技术要求

我们将继续使用之前创建的项目。本章完成后的项目代码可以从以下链接下载： https://github.com/PacktPublishing/iOS-13-Programming-for-Beginners 。

3. 添加集合视图到探索屏幕

集合视图是 UICollectionView 类的实例，类似于电子表格程序，它会显示一个单元格网格。集合视图中的每个单元格都是 UICollectionViewCell 类的实例。下面是添加集合视图到探索场景视图的具体步骤：
1. 打开之前创建的项目并运行应用，确保一切正常运行，能看到标签栏