iOS UICollectionView手寫代碼實現步驟

iOS UICollectionView手寫代碼實現步驟
iOS UICollectionView手寫代碼實現步驟

//

// ViewController.h

// collectionView手寫代碼

//

// Created by yangxiuying on 14/11/28.

// Copyright (c) 2014年 lanjiying. All rights reserved.

//

#import

@interface ViewController : UIViewController

{

NSString * identifier;

}

//

// ViewController.m

// collectionView手寫代碼

//

// Created by yangxiuying on 14/11/28.

// Copyright (c) 2014年 lanjiying. All rights reserved.

//

#import "ViewController.h"

@interface ViewController ()

@end

@implementation ViewController

- (void)viewDidLoad {

[super viewDidLoad];

// Do any additional setup after loading the view, typically from a nib.

identifier = @"cell";

// 初始化layout

UICollectionViewFlowLayout * flowLayout =[[UICollectionViewFlowLayout alloc] init];

[flowLayout setScrollDirection:UICollectionViewScrollDirectionVertical];

// UIEdgeInsets top = {15,10,15,5};

// [flowLayout setSectionInset:top];

UICollectionView * collectionView =[[UICollectionView alloc] initWithFrame:CGRectMake(0, 30, 320, 480)collectionViewLayout:flowLayout];

//註冊單元格

[collectionView registerClass:[UICollectionViewCell class]forCellWithReuseIdentifier:identifier];

//設定代理

collectionView.delegate = self;

collectionView.dataSource = self;

[self.view addSubview:collectionView];

}

#pragma mark - collectionView delegate

//設定分區

-(NSInteger)numberOfSectionsInCollectionView:(UICollectionView *)collectionView

{

return 1;

}

//設定元素的的大小框

-(UIEdgeInsets)collectionView:(UICollectionView *)collectionView layout:(UICollectionViewLayout *)collectionViewLayout insetForSectionAtIndex:(NSInteger)section

{

UIEdgeInsets top = {30,15,30,15};

return top;

}

//每個分區上得元素個數

- (NSInteger)collectionView:(UICollectionView *)collectionView numberOfItemsInSection:(NSInteger)section

{

return 24;

}

//設定元素內容

-(UICollectionViewCell *)collectionView:(UICollectionView *)collectionView cellForItemAtIndexPath:(NSIndexPath *)indexPath

{

UICollectionViewCell * cell =[collectionView dequeueReusableCellWithReuseIdentifier:identifier forIndexPath:indexPath];

[cell sizeToFit];

cell.backgroundColor =[UIColor greenColor];

return cell;

}

//設定單元格寬度

//設定元素大小

-(CGSize)collectionView:(UICollectionView *)collectionView layout:(UICollectionViewLayout *)collectionViewLayout sizeForItemAtIndexPath:(NSIndexPath *)indexPath{

return CGSizeMake(140,160);

}