collectionView怎么添加头视图

我们要使用CollectionView里面的头视图需要先注册头视图 UICollectionReusableView或者 继承UICollectionReusableView的子类，kind类型为UICollectionElementKindSectionHeader，并且需要带一个标识符，我们定义个static 的静态字符串就行，如下所示：

[collectionView registerClass:[UICollectionReusableViewclass ]   forSupplementaryViewOfKind:UICollectionElementKindSectionHeader withReuseIdentifier:headerViewIdentifier];

几个重要的不能忽视的点就是  UICollectionViewFlowLayout 布局属性需要设置 headerReferenceSize头部的大小，不然头视图没有大小不显示；一定要在

- (UICollectionReusableView *)collectionView:(UICollectionView *)collectionView viewForSupplementaryElementOfKind:(NSString *)kind atIndexPath:(NSIndexPath *)indexPath； 方法里面创建头视图view并给出frame，然后添加到  UICollectionReusableView 中。

详细代码如下

1. <pre name="code" class="objc">//
2. //  HomeViewController.m
3. //  collection添加头部
4. //
5. //  Created by user on 15/10/10.
6. //  Copyright (c) 2015年 user. All rights reserved.
7. //
8. #import "HomeViewController.h"
9. #import "ConstomCell.h"
10. static NSString *headerViewIdentifier = @"hederview";
11. @interface HomeViewController ()<UICollectionViewDataSource,UICollectionViewDelegate>
12. @property (nonatomic,strong) UIImageView *headerImage;
13. @end
14. @implementation HomeViewController
15. - (void)viewDidLoad {
16. [super viewDidLoad];
17. //1.添加collectionview
18. [self addCollectionView];
19. }
20. -(void)addCollectionView
21. {
22. UICollectionViewFlowLayout *layout=[[UICollectionViewFlowLayout alloc]init];
23. layout.minimumLineSpacing=20; //设置每一行的间距
24. layout.itemSize=CGSizeMake(100, 100);  //设置每个单元格的大小
25. layout.sectionInset=UIEdgeInsetsMake(0, 0, 50, 0);
26. layout.headerReferenceSize=CGSizeMake(self.view.frame.size.width, 250); //设置collectionView头视图的大小
27. UICollectionView *collectionView=[[UICollectionView alloc]initWithFrame:self.view.bounds collectionViewLayout:layout];
28. collectionView.frame=self.view.bounds;
29. //注册cell单元格
30. [collectionView registerNib:[UINib nibWithNibName:@"ConstomCell" bundle:nil] forCellWithReuseIdentifier:@"cell"];
31. //注册头视图
32. [collectionView registerClass:[UICollectionReusableView class] forSupplementaryViewOfKind:UICollectionElementKindSectionHeader withReuseIdentifier:headerViewIdentifier];
33. collectionView.backgroundColor=[UIColor whiteColor];
34. collectionView.delegate=self;
35. collectionView.dataSource=self;
36. [self.view addSubview:collectionView];
37. }
38. #pragma mark  返回多少行
39. -(NSInteger)collectionView:(UICollectionView *)collectionView numberOfItemsInSection:(NSInteger)section
40. {
41. return 13;
42. }
43. #pragma markk 返回的单元格
44. -(UICollectionViewCell*)collectionView:(UICollectionView *)collectionView cellForItemAtIndexPath:(NSIndexPath *)indexPath
45. {
46. ConstomCell *cell=[collectionView dequeueReusableCellWithReuseIdentifier:@"cell" forIndexPath:indexPath];
47. return cell;
48. }
49. //  返回头视图
50. - (UICollectionReusableView *)collectionView:(UICollectionView *)collectionView viewForSupplementaryElementOfKind:(NSString *)kind atIndexPath:(NSIndexPath *)indexPath
51. {
52. //如果是头视图
53. if ([kind isEqualToString:UICollectionElementKindSectionHeader]) {
54. UICollectionReusableView *header=[collectionView dequeueReusableSupplementaryViewOfKind:kind withReuseIdentifier:headerViewIdentifier forIndexPath:indexPath];
55. //添加头视图的内容
56. [self addContent];
57. //头视图添加view
58. [header addSubview:self.headerImage];
59. return header;
60. }
61. //如果底部视图
62. //    if([kind isEqualToString:UICollectionElementKindSectionFooter]){
63. //
64. //    }
65. return nil;
66. }
67. /*
68. *  补充头部内容
69. */
70. -(void)addContent
71. {
72. UIImageView *headerImage=[[UIImageView alloc]init];
73. headerImage.contentMode=UIViewContentModeScaleAspectFill;
74. headerImage.clipsToBounds=YES;
75. headerImage.frame=CGRectMake(0, 0, self.view.frame.size.width, 250);
76. headerImage.image=[UIImage imageNamed:@"mei"];
77. self.headerImage=headerImage;
78. }
79. @end

最终效果