13、构建 iOS 应用用户界面全流程指南

构建 iOS 应用用户界面全流程指南

1. 应用初步构建与运行

在开始构建用户界面之前，先构建并运行应用，此时模拟器会显示一个包含 20 个浅灰色集合视图单元格的网格。不过，根据设计，屏幕右上角应该有一个“LOCATION”按钮，后续会为集合视图启用分区标题来放置这个按钮。

2. 为集合视图添加分区标题

集合视图可以配置分区标题和分区页脚，它们都是 UICollectionReusableView 类的实例。为了给“LOCATION”按钮腾出位置，需要为探索屏幕中的集合视图启用分区标题，具体操作步骤如下：
1. 在项目导航器中点击 Main storyboard 文件，然后在文档大纲中点击集合视图，接着点击属性检查器按钮，在集合视图设置下勾选“Section Header”复选框。
2. 此时文档大纲中会出现“Collection Reusable View”，它代表集合视图的分区标题。点击文档大纲中的“Collection Reusable View”，在属性检查器的“Collection Reusable View”设置下，将标识符设置为“header”，设置完成后按回车键。
3. 在项目导航器中点击 ExploreViewController 文件，在数据源方法之前输入以下代码：

func collectionView(_ collectionView: UICollectionView, 
viewForSupplementaryElementOfKind kind: S