UICollectionView的使用

文件結構：

一：先定義cell，這里是Cell類，繼承自UICollectionViewCell，用xib畫出cell

CollectionCell.h

#import <UIKit/UIKit.h>

@interface CollectionCell : UICollectionViewCell

@end

CollectionCell.c

#import "CollectionCell.h"

@implementation CollectionCell

- (id)initWithFrame:(CGRect)frame
{
    self = [super initWithFrame:frame];
    if (self)
    {
        // 初始化時加載collectionCell.xib文件
        NSArray *arrayOfViews = [[NSBundle mainBundle] loadNibNamed:@"CollectionCell" owner:self options:nil];
        
        // 如果路徑不存在，return nil
        if (arrayOfViews.count < 1)
        {
            return nil;
        }
        // 如果xib中view不屬於UICollectionViewCell類，return nil
        if (![[arrayOfViews objectAtIndex:0] isKindOfClass:[UICollectionViewCell class]])
        {
            return nil;
        }
        // 加載nib
        self = [arrayOfViews objectAtIndex:0];
    }
    return self;
}

CollectionCell.xib

畫出cell：

設置Cell大小：

設置Identifier：

設置Class：

二：UICollectionViewController

1.CollectionViewController.h

#import <UIKit/UIKit.h>
#import "CollectionCell.h"

@interface CollectionViewController : UICollectionViewController


@end

2.CollectionViewController.c

#import "CollectionViewController.h"

@interface CollectionViewController ()

@end

@implementation CollectionViewController

- (id)initWithNibName:(NSString *)nibNameOrNil bundle:(NSBundle *)nibBundleOrNil
{
    self = [super initWithNibName:nibNameOrNil bundle:nibBundleOrNil];
    if (self) {
        // Custom initialization
    }
    return self;
}

- (void)viewDidLoad
{
    [super viewDidLoad];
    // Do any additional setup after loading the view from its nib.

    self.collectionView.dataSource = self;
    self.collectionView.delegate = self;
}

- (void)didReceiveMemoryWarning
{
    [super didReceiveMemoryWarning];
    // Dispose of any resources that can be recreated.
}

-(NSInteger)collectionView:(UICollectionView *)collectionView numberOfItemsInSection:(NSInteger)section
{
    return 4;
}

-(UICollectionViewCell *)collectionView:(UICollectionView *)collectionView cellForItemAtIndexPath:(NSIndexPath *)indexPath
{
    [self.collectionView registerClass:[CollectionCell class] forCellWithReuseIdentifier:@"CollectionCell"];
    
    CollectionCell *cell = (CollectionCell *)[collectionView dequeueReusableCellWithReuseIdentifier:@"CollectionCell" forIndexPath:indexPath];
    
    
    return cell;
}

//- (CGSize)collectionView:(UICollectionView *)collectionView layout:(UICollectionViewLayout*)collectionViewLayout sizeForItemAtIndexPath:(NSIndexPath *)indexPath
//{
//    CGFloat width = indexPath.row * 50;
//    CGFloat height = indexPath.row * 50;
//    return CGSizeMake(width,height);
//    
//}

@end

3.CollectionViewController.xib:

結構：

刪除原來的view，拖一個collectionView進來

設置file's owner

custom class

cell大小及間隙

outlet：

常見錯誤：

1.只有collectionView，沒有Cell顯示出來，那么重寫自定義Cell類的 - (id)initWithFrame:(CGRect)frame 方法，從nib加載或者自定義。

2.Xcode運行時報錯：

UICollectionElementKindCell with identifier CollectionCell - must register a nib or a class for the identifier or connect a prototype cell in a storyboard

檢查有沒有注冊identifier：在viewDidLoad方法里加入：

[self.collectionView registerClass:[CollectionCell class] forCellWithReuseIdentifier:@"CollectionCell"];

3.

'NSInternalInconsistencyException', reason: '-[UIViewController _loadViewFromNibNamed:bundle:] loaded the "CollectionViewController" nib but the view outlet was not set.

file's owner中的view屬性沒有設置，連線view屬性和xib中的collectionView

3.出現錯誤：'UICollectionView must be initialized with a non-nil layout parameter'

去xib文件中的collectionView下面的Collection View Flow Layout中的sizeInspector中改變一下Min Spacing或者給在Cell的xib中設置一下Cell的IDentiFier