iOS UICollectionView手寫代碼實現步驟

標籤：ios   uicollectionview   

iOS UICollectionView手寫代碼實現步驟

//

//  ViewController.h

//  collectionView手寫代碼

//

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

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

//

#import <UIKit/UIKit.h>

@interface ViewController : UIViewController<UICollectionViewDataSource,UICollectionViewDelegate>

{

     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);

}

iOS UICollectionView手寫代碼實現步驟