探索集合视图:从快速上手到深入剖析
1. 集合视图快速上手
1.1 配置集合视图布局
目前存在的问题是集合视图并不清楚该如何布局其项目。它会尽力而为,但仍有改进空间。有两种方法可以解决这个问题:
- 创建一个 UICollectionViewLayout 子类并将其应用到集合视图中。
- 采用更简单(但最终灵活性较低)的方法,直接配置集合视图。
由于这是一个简单的应用程序,我们选择简单的方法。操作步骤如下:
1. 在故事板中选择集合视图。
2. 切换到大小检查器。
3. 更新集合视图的值,使其与图 3 - 25 匹配。
完成这些操作后,再次运行应用程序,你会发现项目、行和部分间距看起来好多了,如图 3 - 26 所示。你可能注意到没有更新单元格大小的值,实际上不需要这样做,因为在使用这种非常简单的布局时,集合视图足够智能,可以使单元格大小适应内容。
1.2 应用程序运行效果
完成所有这些步骤后,就可以运行应用程序了!如果你尝试旋转设备或模拟器,会看到集合视图布局会自动更新,项目会整齐地流动以填充视图的边界,如图 3 - 27 所示。
1.3 简单总结
通过以下步骤,我们逐步创建了一个非常基本的集合视图:
1. 首先,创建一些要在集合视图中显示的数据。
2. 然后,使用 Interface Builder 在窗口中创建一个 UICollectionView 实例。
3. 视图控制器遵循 UICollectionViewD
超级会员免费看
订阅专栏 解锁全文

被折叠的 条评论
为什么被折叠?



