• 這是最最基本的UICollectionView橫向滾動的教學,代碼很少,全在viewController.m里面編寫,代碼如下:

#import "ViewController.h"

static NSString *cellID = @"cell";

@interface ViewController ()<UICollectionViewDataSource, UICollectionViewDelegate>
@property(nonatomic, strong) UICollectionView *myCollectionView;
@end

@implementation ViewController

- (void)viewDidLoad {
    [super viewDidLoad];
    
    CGRect collectionViewFrame= CGRectMake(0, 20, [UIScreen mainScreen].bounds.size.width, 100);
    
    UICollectionViewFlowLayout *flowLayout = [[UICollectionViewFlowLayout alloc] init];
    // 設置UICollectionView為橫向滾動
    flowLayout.scrollDirection = UICollectionViewScrollDirectionHorizontal;
    // 每一行cell之間的間距
    flowLayout.minimumLineSpacing = 50;
     // 每一列cell之間的間距
     // flowLayout.minimumInteritemSpacing = 10;
    // 設置第一個cell和最后一個cell,與父控件之間的間距
    flowLayout.sectionInset = UIEdgeInsetsMake(0, 20, 0, 20);
    
    //    flowLayout.minimumLineSpacing = 1;// 根據需要編寫
    //    flowLayout.minimumInteritemSpacing = 1;// 根據需要編寫
    //    flowLayout.itemSize = CGSizeMake(70, 70);// 該行代碼就算不寫,item也會有默認尺寸
    UICollectionView *collectionView = [[UICollectionView alloc] initWithFrame:collectionViewFrame collectionViewLayout:flowLayout];
    collectionView.backgroundColor = [UIColor redColor];
    collectionView.dataSource = self;
    collectionView.delegate = self;
    _myCollectionView = collectionView;
    [self.view addSubview:collectionView];
    
    [self.myCollectionView registerClass:[UICollectionViewCell class] forCellWithReuseIdentifier:cellID];
    
}

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


- (__kindof UICollectionViewCell *)collectionView:(UICollectionView *)collectionView cellForItemAtIndexPath:(NSIndexPath *)indexPath {
    
    UICollectionViewCell *cell =  [collectionView dequeueReusableCellWithReuseIdentifier:cellID forIndexPath:indexPath];
    if (!cell ) {
        NSLog(@"cell為空,創建cell");
        cell = [[UICollectionViewCell alloc] init];
    }
    cell.backgroundColor = [UIColor yellowColor];
    return cell;
}

@end

• 效果圖如下:

Snip20161213_75.png