UICollectionView的基本使用

这个控件，看起来与UITableView有点像，而且基本的用法也很相像哦！！！

我们来看看API:

1. #pragma mark - UICollectionViewDataSource
2. // 指定Section个数
3. - (NSInteger)numberOfSectionsInCollectionView:(UICollectionView *)collectionView {
4. return 3;
5. }
6. // 指定section中的collectionViewCell的个数
7. - (NSInteger)collectionView:(UICollectionView *)collectionView numberOfItemsInSection:(NSInteger)section {
8. return 10;
9. }
10. // 配置section中的collectionViewCell的显示
11. - (UICollectionViewCell *)collectionView:(UICollectionView *)collectionView cellForItemAtIndexPath:(NSIndexPath *)indexPath {
12. CollectionViewCell *cell = [collectionView dequeueReusableCellWithReuseIdentifier:@"CellIdentifier" forIndexPath:indexPath];
13. cell.backgroundColor = [UIColor redColor];
14. cell.textLabel.text = [NSString stringWithFormat:@"(%ld %ld)", indexPath.section, indexPath.row];
15. return cell;
16. }

看看直线布局的API：

1. #pragma mark - UICollectionViewDelegateFlowLayout
2. - (CGSize)collectionView:(UICollectionView *)collectionView layout:(UICollectionViewLayout*)collectionViewLayout sizeForItemAtIndexPath:(NSIndexPath *)indexPath {
3. return CGSizeMake(self.view.frame.size.width / 3 - 10, self.view.frame.size.width / 3 - 10);
4. }
5. // 设置每个cell上下左右相距
6. - (UIEdgeInsets)collectionView:(UICollectionView *)collectionView layout:(UICollectionViewLayout*)collectionViewLayout insetForSectionAtIndex:(NSInteger)section {
7. return UIEdgeInsetsMake(5, 5, 5, 5);
8. }
9. // 设置最小行间距，也就是前一行与后一行的中间最小间隔
10. - (CGFloat)collectionView:(UICollectionView *)collectionView layout:(UICollectionViewLayout*)collectionViewLayout minimumLineSpacingForSectionAtIndex:(NSInteger)section {
11. return 10;
12. }
13. // 设置最小列间距，也就是左行与右一行的中间最小间隔
14. - (CGFloat)collectionView:(UICollectionView *)collectionView layout:(UICollectionViewLayout*)collectionViewLayout minimumInteritemSpacingForSectionAtIndex:(NSInteger)section {
15. return 10;
16. }
17. // 设置section头视图的参考大小，与tableheaderview类似
18. - (CGSize)collectionView:(UICollectionView *)collectionView layout:(UICollectionViewLayout*)collectionViewLayout referenceSizeForHeaderInSection:(NSInteger)section {
19. return CGSizeMake(self.view.frame.size.width, 40);
20. }
21. // 设置section尾视图的参考大小，与tablefooterview类似
22. - (CGSize)collectionView:(UICollectionView *)collectionView layout:(UICollectionViewLayout*)collectionViewLayout referenceSizeForFooterInSection:(NSInteger)section {
23. return CGSizeMake(self.view.frame.size.width, 40);
24. }

如果是固定的，可以使用全局属性：

1. NS_CLASS_AVAILABLE_IOS(6_0) @interface UICollectionViewFlowLayout : UICollectionViewLayout
2. @property (nonatomic) CGFloat minimumLineSpacing;
3. @property (nonatomic) CGFloat minimumInteritemSpacing;
4. @property (nonatomic) CGSize itemSize;
5. @property (nonatomic) CGSize estimatedItemSize NS_AVAILABLE_IOS(8_0); // defaults to CGSizeZero - setting a non-zero size enables cells that self-size via -perferredLayoutAttributesFittingAttributes:
6. @property (nonatomic) UICollectionViewScrollDirection scrollDirection; // default is UICollectionViewScrollDirectionVertical
7. @property (nonatomic) CGSize headerReferenceSize;
8. @property (nonatomic) CGSize footerReferenceSize;
9. @property (nonatomic) UIEdgeInsets sectionInset;
10. @end

常用到的代理方法：

1. #pragma mark - UICollectionViewDelegate
2. // 允许选中时，高亮
3. - (BOOL)collectionView:(UICollectionView *)collectionView shouldHighlightItemAtIndexPath:(NSIndexPath *)indexPath {
4. NSLog(@"%s", __FUNCTION__);
5. return YES;
6. }
7. // 高亮完成后回调
8. - (void)collectionView:(UICollectionView *)collectionView didHighlightItemAtIndexPath:(NSIndexPath *)indexPath {
9. NSLog(@"%s", __FUNCTION__);
10. }
11. // 由高亮转成非高亮完成时的回调
12. - (void)collectionView:(UICollectionView *)collectionView didUnhighlightItemAtIndexPath:(NSIndexPath *)indexPath {
13. NSLog(@"%s", __FUNCTION__);
14. }
15. // 设置是否允许选中
16. - (BOOL)collectionView:(UICollectionView *)collectionView shouldSelectItemAtIndexPath:(NSIndexPath *)indexPath {
17. NSLog(@"%s", __FUNCTION__);
18. return YES;
19. }
20. // 设置是否允许取消选中
21. - (BOOL)collectionView:(UICollectionView *)collectionView shouldDeselectItemAtIndexPath:(NSIndexPath *)indexPath {
22. NSLog(@"%s", __FUNCTION__);
23. return YES;
24. }
25. // 选中操作
26. - (void)collectionView:(UICollectionView *)collectionView didSelectItemAtIndexPath:(NSIndexPath *)indexPath {
27. NSLog(@"%s", __FUNCTION__);
28. }
29. // 取消选中操作
30. - (void)collectionView:(UICollectionView *)collectionView didDeselectItemAtIndexPath:(NSIndexPath *)indexPath {
31. NSLog(@"%s", __FUNCTION__);
32. }

demo:https://github.com/632840804/CollectionViewDemo