iOS UICollectionView XIB

版权声明：本文为博主原创文章，未经博主允许不得转载。

目录(?)[+]

首先认识一下UICollectionView

[objc] view
plain copy

1. NS_CLASS_AVAILABLE_IOS(6_0) @interface UICollectionView : UIScrollView

UICollectionView 和 UICollectionViewController 类是iOS6 新引进的API，用于展示集合视图，布局更加灵活，可实现多列布局，用法类似于UITableView 和 UITableViewController 类。

使用UICollectionView 必须实现UICollectionViewDataSource,UICollectionViewDelegate,UICollectionViewDelegateFlowLayout这三个协议。

下面给出一些常用方法，具体的使用可以参考Demo:点我下载 
苹果官方Demo:点我下载

[objc] view
plain copy

1. - (void)viewDidLoad
2. {
3. [super viewDidLoad];
4. self.title = @"UICollectionView学习";
5. //通过Nib生成cell，然后注册 Nib的view需要继承 UICollectionViewCell
6. [self.collectionView registerNib:[UINib nibWithNibName:@"SQCollectionCell" bundle:nil] forCellWithReuseIdentifier:kcellIdentifier];
7. //注册headerView Nib的view需要继承UICollectionReusableView
8. [self.collectionView registerNib:[UINib nibWithNibName:@"SQSupplementaryView" bundle:nil] forSupplementaryViewOfKind:UICollectionElementKindSectionHeader withReuseIdentifier:kheaderIdentifier];
9. //注册footerView Nib的view需要继承UICollectionReusableView
10. [self.collectionView registerNib:[UINib nibWithNibName:@"SQSupplementaryView" bundle:nil] forSupplementaryViewOfKind:UICollectionElementKindSectionFooter withReuseIdentifier:kfooterIdentifier];
11. //
12. self.collectionView.allowsMultipleSelection = YES;//默认为NO,是否可以多选
13. }
14. - (void)didReceiveMemoryWarning
15. {
16. [super didReceiveMemoryWarning];
17. // Dispose of any resources that can be recreated.
18. }
19. #pragma mark -CollectionView datasource
20. //section
21. - (NSInteger)numberOfSectionsInCollectionView:(UICollectionView *)collectionView
22. {
23. return 2;
24. }
25. //item个数
26. - (NSInteger)collectionView:(UICollectionView *)collectionView numberOfItemsInSection:(NSInteger)section
27. {
28. return 6;
29. }
30. // The cell that is returned must be retrieved from a call to -dequeueReusableCellWithReuseIdentifier:forIndexPath:
31. - (UICollectionViewCell *)collectionView:(UICollectionView *)collectionView cellForItemAtIndexPath:(NSIndexPath *)indexPath
32. {
33. //重用cell
34. UICollectionViewCell *cell = [collectionView dequeueReusableCellWithReuseIdentifier:kcellIdentifier forIndexPath:indexPath];
35. //赋值
36. UIImageView *imageView = (UIImageView *)[cell viewWithTag:1];
37. UILabel *label = (UILabel *)[cell viewWithTag:2];
38. NSString *imageName = [NSString stringWithFormat:@"%ld.JPG",(long)indexPath.row];
39. imageView.image = [UIImage imageNamed:imageName];
40. label.text = imageName;
41. cell.backgroundColor = [UIColor redColor];
42. return cell;
43. }
44. // The view that is returned must be retrieved from a call to -dequeueReusableSupplementaryViewOfKind:withReuseIdentifier:forIndexPath:
45. - (UICollectionReusableView *)collectionView:(UICollectionView *)collectionView viewForSupplementaryElementOfKind:(NSString *)kind atIndexPath:(NSIndexPath *)indexPath{
46. NSString *reuseIdentifier;
47. if ([kind isEqualToString: UICollectionElementKindSectionFooter ]){
48. reuseIdentifier = kfooterIdentifier;
49. }else{
50. reuseIdentifier = kheaderIdentifier;
51. }
52. UICollectionReusableView *view =  [collectionView dequeueReusableSupplementaryViewOfKind :kind   withReuseIdentifier:reuseIdentifier   forIndexPath:indexPath];
53. UILabel *label = (UILabel *)[view viewWithTag:1];
54. if ([kind isEqualToString:UICollectionElementKindSectionHeader]){
55. label.text = [NSString stringWithFormat:@"这是header:%d",indexPath.section];
56. }
57. else if ([kind isEqualToString:UICollectionElementKindSectionFooter]){
58. view.backgroundColor = [UIColor lightGrayColor];
59. label.text = [NSString stringWithFormat:@"这是footer:%d",indexPath.section];
60. }
61. return view;
62. }
63. //定义每个UICollectionViewCell 的大小
64. - (CGSize)collectionView:(UICollectionView *)collectionView layout:(UICollectionViewLayout*)collectionViewLayout sizeForItemAtIndexPath:(NSIndexPath *)indexPath
65. {
66. return CGSizeMake(60, 80);
67. }
68. //定义每个Section 的 margin
69. -(UIEdgeInsets)collectionView:(UICollectionView *)collectionView layout:(UICollectionViewLayout *)collectionViewLayout insetForSectionAtIndex:(NSInteger)section
70. {
71. return UIEdgeInsetsMake(15, 15, 5, 15);//分别为上、左、下、右
72. }
73. //返回头headerView的大小
74. -(CGSize)collectionView:(UICollectionView *)collectionView layout:(UICollectionViewLayout *)collectionViewLayout referenceSizeForHeaderInSection:(NSInteger)section{
75. CGSize size={320,45};
76. return size;
77. }
78. //返回头footerView的大小
79. - (CGSize)collectionView:(UICollectionView *)collectionView layout:(UICollectionViewLayout*)collectionViewLayout referenceSizeForFooterInSection:(NSInteger)section
80. {
81. CGSize size={320,45};
82. return size;
83. }
84. //每个section中不同的行之间的行间距
85. - (CGFloat)collectionView:(UICollectionView *)collectionView layout:(UICollectionViewLayout*)collectionViewLayout minimumLineSpacingForSectionAtIndex:(NSInteger)section
86. {
87. return 10;
88. }
89. //每个item之间的间距
90. //- (CGFloat)collectionView:(UICollectionView *)collectionView layout:(UICollectionViewLayout*)collectionViewLayout minimumInteritemSpacingForSectionAtIndex:(NSInteger)section
91. //{
92. //    return 100;
93. //}
94. //选择了某个cell
95. - (void)collectionView:(UICollectionView *)collectionView didSelectItemAtIndexPath:(NSIndexPath *)indexPath
96. {
97. UICollectionViewCell *cell = [collectionView cellForItemAtIndexPath:indexPath];
98. [cell setBackgroundColor:[UIColor greenColor]];
99. }
100. //取消选择了某个cell
101. - (void)collectionView:(UICollectionView *)collectionView didDeselectItemAtIndexPath:(NSIndexPath *)indexPath
102. {
103. UICollectionViewCell *cell = [collectionView cellForItemAtIndexPath:indexPath];
104. [cell setBackgroundColor:[UIColor redColor]];
105. }

效果图如下：