5、使用 UICollectionView 实现更好的布局

使用 UICollectionView 实现更好的布局

在移动应用开发中，界面布局对于用户体验至关重要。UITableView 可以有效地以列表形式展示数据，但有时我们需要更有趣、更具吸引力的布局，比如使用网格布局展示联系人。本文将详细介绍如何从 UITableView 转换到 UICollectionView，并创建自定义的 UICollectionViewCell，以及如何使用 UICollectionViewFlowLayout 优化布局。

从 UITableView 转换到 UICollectionView

使用 UITableView 以列表形式展示联系人是一个不错的选择，它功能实用，外观也还可以，而且人们已经习惯了以列表形式查看数据。然而，如果能以更有趣的方式展示联系人，比如使用更大的图片，或者将联系人展示在自定义设计的网格中，那会更吸引人。

对于展示联系人的用例，网格布局是一个很好的选择。我们的目标是以有趣的方式展示用户的联系人，而不是按字母顺序对他们进行排序。如果需要排序，列表布局会是更好的选择。

要以网格形式展示联系人，首先需要清理现有的一些代码，移除所有与 tableView 相关的代码和布局。具体步骤如下：
1. 删除所有 UITableView 代码。
2. 从故事板中删除 UITableView，并将其替换为 UICollectionView。
3. 添加 UICollectionView 的代码。

清理代码

首先，在 ViewController.swift 中删除所有与 UITableView 相关的代码，包括协议一致性、所有 @IBOutlets、relo