33、自定义集合视图布局与交互动画实现

自定义集合视图布局与交互动画实现

一、创建小时标签的 XIB 文件

要为小时标签创建 XIB 文件，可按以下步骤操作：
1. 选择 File ➤ New ➤ File ，并在侧边栏中选择 User Interface 部分。
2. 在主部分中高亮显示 Empty 项。
3. 将文件命名为 HandCell 并点击 Create 。
4. 在 Interface Builder 中打开新的 XIB 文件，将一个 Collection View Cell 对象拖到主面板中。
5. 调整单元格大小为宽 100 点、高 100 点，并将其重用标识符设置为 HourCellView 。
6. 将一个 Label 拖到单元格中，使用自动布局约束将其居中，并根据喜好更新字体。
7. 最后，在属性检查器中将标签的 tag 属性更新为 1000，以便从视图控制器中访问它。

创建好 XIB 文件后，切换回 ClockViewController 并注册使用，在 configureCollectionView() 函数中添加以下代码：

collectionView.registerNib(UINib(nibName: "HourCell", bundle: