在iOS开发中，UICollectionView是一种强大的布局控件，用于展示可滚动的数据集合，具有高度自定义的能力。本篇文章将深入探讨如何在iOS中自定义UICollectionView的头视图（header）和尾视图（footer），主要使用UICollectionReusableView类。
UICollectionReusableView是UICollectionView的一个子类，设计用于重用机制，类似于UITableView的UITableViewCell。它允许开发者创建自定义的视图，用于显示在UICollectionView的顶部或底部，以增强用户界面的视觉效果和功能。
为了自定义UICollectionView的头视图或尾视图，你需要遵循以下步骤：
1. **创建自定义视图类**：
创建一个新的Swift或Objective-C类，继承自UICollectionReusableView。例如，你可以创建名为`SHCollectionReusableView`的类，并在其中添加你需要的视图元素，如UILabel、UIImageView等。
```objc
@interface SHCollectionReusableView : UICollectionReusableView
@property (nonatomic, strong) UILabel *titleLabel;
@end
@implementation SHCollectionReusableView
// 初始化方法，设置视图内容
@end
```
2. **注册自定义视图**：
在你的ViewController中，你需要注册这个自定义视图类以便UICollectionView可以使用。这通常在`viewDidLoad`方法中完成。
```objc
[self.collectionView registerClass:[SHCollectionReusableView class] forCellWithReuseIdentifier:SHCollectionReusableViewHeader];
```
3. **实现数据源方法**：
作为UICollectionViewDataSource的代理，你需要提供头视图或尾视图的高度，并返回一个实例。在`collectionView:viewForSupplementaryElementOfKind:atIndexPath:`方法中实现。
```objc
- (UICollectionReusableView *)collectionView:(UICollectionView *)collectionView viewForSupplementaryElementOfKind:(NSString *)kind atIndexPath:(NSIndexPath *)indexPath {
if ([kind isEqualToString:UICollectionElementKindSectionHeader]) {
SHCollectionReusableView *headerView = [collectionView dequeueReusableSupplementaryViewOfKind:kind withReuseIdentifier:SHCollectionReusableViewHeader forIndexPath:indexPath];
headerView.titleLabel.text = hearderTitleArray[indexPath.section];
return headerView;
}
// 同理，为尾视图提供实现
}
```
4. **配置布局**：
配置UICollectionViewFlowLayout来指定头视图和尾视图的属性。在上面的代码片段中，我们看到`flowLayout.headerReferenceSize`和`flowLayout.footerReferenceSize`可以用来设置头视图和尾视图的高度。
5. **加载数据**：
如示例代码所示，`recipeImages`和`hearderTitleArray`用于存储数据。在`viewDidLoad`中，数据被初始化并赋值。然后，通过调用`createCollectionView`方法设置UICollectionView的布局、大小以及滚动方向。
```objc
- (void)createCollectionView {
// 创建并配置UICollectionViewFlowLayout
UICollectionViewFlowLayout *flowLayout = ...;
// 创建UICollectionView实例
UICollectionView *collectionView = [[UICollectionView alloc] initWithFrame:CGRectZero collectionViewLayout:flowLayout];
self.rightCollectionView = collectionView;
// 设置其他属性，如delegate和dataSource
// 添加到视图层次
[self.view addSubview:collectionView];
// 注册cell和header、footer
[collectionView registerClass:[SHCollectionViewCell class] forCellWithReuseIdentifier:SHCollectionViewCellIdetifiler];
[collectionView registerClass:[SHCollectionReusableView class] forSupplementaryViewOfKind:UICollectionElementKindSectionHeader withReuseIdentifier:SHCollectionReusableViewHeader];
[collectionView registerClass:[SHCollectionReusableView class] forSupplementaryViewOfKind:UICollectionElementKindSectionFooter withReuseIdentifier:SHCollectionReusableViewFooter];
// 设置UICollectionView的约束以适应屏幕
// ...
}
```
6. **自定义布局行为**：
如果需要更复杂的布局，可以通过重写UICollectionViewFlowLayout的方法，如`layoutAttributesForItemAtIndexPath:`、`layoutAttributesForElementsInRect:`等，实现自定义的布局策略。
总结，自定义UICollectionView的头视图和尾视图是通过继承UICollectionReusableView，注册自定义视图，实现数据源方法，并在UICollectionViewFlowLayout中设置适当的属性来完成的。这个过程允许开发者创建高度定制的界面，以适应各种应用场景，提升用户体验。
