UICollectionView的使用（与UITableView的比较）

Sian

1、先看两者比较的效果图

   

2、特点：

2.1、都继承自UIScrollView，因此这两者可以说是兄弟关系，都是用于数据展示方面都是非凡的表现，并且UICollectionView自iOS6以来才支持；

2.2、Collection View的整体构成元素，共有三个要素，分别如下

• Cells(单元格)
  
• Supplementary Views（补充的view，相当于TableView的页眉和页脚）
  
• Decoration Views（装饰View，用于装饰整个CollectionView的
  

2.3、数据模型(数据提供者UICollectionViewDataSource)，主要功能：

• Section数目
  
• Section里面有多少item
  
• 提供Cell和supplementary view设置
  

分别为：

1. numberOfSectionsInCollectionView:
3. collectionView:numberOfItemsInSection:
5. collectionView:cellForItemAtIndexPath:

复制代码

2.4、Cell和View的重用
在iOS6中，Cell重用改善，我们可以更加方便的使用Cell，系统总是为我们初始化Cell。我们可以直接使用。只需要简单的按照两步走即可：

1）  必须使用下面的方法进行Cell类的注册：

1. - (void)registerClass:forCellWithReuseIdentifier:
3. - (void)registerClass:forSupplementaryViewOfKind:withReuseIdentifier:
5. - (void)registerNib:forCellWithReuseIdentifier:
7. - (void)registerNib:forSupplementaryViewOfKind:withReuseIdentifier:

复制代码

2）  从队列中取出一个Cell,具体方法如下：

1. -(id)dequeueReusableCellWithReuseIdentifier:forIndexPath:
3. -(id)dequeueReusableSupplementaryViewOfKind:withReuseIdentifier:forIndexPath:

复制代码

2.5、界面布局
collectionView与tableView最大的不同点就在于此，collectionView必须要使用自己的layout（UICollectionViewLayout）
如：

1.     UICollectionViewFlowLayout *flowLayout = [[UICollectionViewFlowLayout alloc] init];
2.     flowLayout.itemSize = CGSizeMake(52, 52);               // cell大小
3.     flowLayout.minimumInteritemSpacing = 1;                 // cell间距
4.     flowLayout.minimumLineSpacing = 1;                      // cell行距
5.     flowLayout.sectionInset = (UIEdgeInsets){81,1,1,1};     // cell边距

复制代码

创建collectionView需要带Layout的初始化方法：

1. - (id)initWithFrame:(CGRect)frame collectionViewLayout:(UICollectionViewLayout *)layout;

复制代码

3、示例

1. //
2. //  CarLicenseView.m
3. //  RouteMapInformation
4. //
5. //  Created by yusian on 14-5-29.
6. //  Copyright (c) 2014年 yusian. All rights reserved.
7. //
9. #import "CarLicenseView.h"
11. /****************************Cell定义*********************************/
13. @interface SALicenseCell : UICollectionViewCell
15. @property (nonatomic, strong) UILabel *label;
17. @end
19. @implementation SALicenseCell
21. - (id)initWithFrame:(CGRect)frame
22. {
23.     self = [super initWithFrame:frame];
24.     if (self) {
25.         
26.         // 键盘文字设置
27.         self.label = [[UILabel alloc] init];
28.         self.label.backgroundColor = [UIColor clearColor];  // 透明颜色
29.         self.label.textAlignment = NSTextAlignmentCenter;   // 文字居中
30.         self.label.frame = CGRectMake(0, 0, 52, 52);        // 位置大小
31.         self.label.font = [UIFont systemFontOfSize:20];     // 文字大小
32.         self.backgroundColor = [UIColor whiteColor];        // 背景颜色
33.         
34.         
35.         [self.contentView addSubview:self.label];
36.     }
37.     return self;
38. }
40. + (NSString *)ID
41. {
42.     return @"licenseCellID";
43. }
45. @end
47. /****************************Cell定义*********************************/
49. @interface CarLicenseView () <UICollectionViewDataSource, UICollectionViewDelegate, UIAlertViewDelegate>
51. @end
53. @implementation CarLicenseView
55. #pragma mark 界面初始化
56. - (id)initWithFrame:(CGRect)frame
57. {
58.     // 1、键盘按钮布局
59.     UICollectionViewFlowLayout *flowLayout = [[UICollectionViewFlowLayout alloc] init];
60.     flowLayout.itemSize = CGSizeMake(52, 52);               // 按键大小
61.     flowLayout.minimumInteritemSpacing = 1;                 // 按键间距
62.     flowLayout.minimumLineSpacing = 1;                      // 按键行距
63.     flowLayout.sectionInset = (UIEdgeInsets){81,1,1,1};     // 按键边距
64.    
65.     // 2、键盘附加视图
66.     self = [super initWithFrame:frame collectionViewLayout:flowLayout];
67.     if (self) {
68.         // 键盘背景色
69.         self.backgroundColor = [UIColor colorWithWhite:0.9 alpha:0.8];
70.         
71.     }
72.    
73.     // 3、注册按钮类（内部处理机制）
74.     [self registerClass:[SALicenseCell class] forCellWithReuseIdentifier:[SALicenseCell ID]];
75.     self.delegate = self;
76.     self.dataSource = self;
77.    
78.     return self;
79. }
81. #pragma mark 界面绘制方法
82. #pragma mark 键盘按键数目
83. - (NSInteger)collectionView:(UICollectionView *)collectionView numberOfItemsInSection:(NSInteger)section
84. {
85.     return 30;
86. }
88. #pragma mark 键盘按键文字
89. - (UICollectionViewCell *)collectionView:(UICollectionView *)collectionView cellForItemAtIndexPath:(NSIndexPath *)indexPath
90. {
91.     SALicenseCell *cell = [collectionView dequeueReusableCellWithReuseIdentifier:[SALicenseCell ID] forIndexPath:indexPath];
92.     cell.backgroundColor = [UIColor blueColor];
93.     return cell;
94. }
97. @end

复制代码

参考链接：http://www.howzhi.com/group/iosDevelop/discuss/10134