码迷,mamicode.com
首页 > 移动开发 > 详细

IOS基础_ UICollectionView的简单使用

时间:2014-07-30 14:48:03      阅读:185      评论:0      收藏:0      [点我收藏+]

标签:ios   iphone开发   

和表格视图类似 UICollectionView的使用有两种方法

一种是继承UICollectionViewController,这个Controller会自带一个UICollectionView;

另外一种是创建一个UIConllectionView 视图放在普通的UIViewController里面。

我们用第二种


首先声明先声明一个重用标示  和实现委托

#define _CELL @"acell"

@interface yxpViewController ()<UICollectionViewDataSource,UICollectionViewDelegate,UICollectionViewDelegateFlowLayout>


然后初始化UICollectionVIew

- (void)initCollectionView

{

    //先实例化一个层

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

    

    //创建一屏的视图大小

    UICollectionView *collectionView=[[UICollectionView alloc] initWithFrame:self.view.bounds collectionViewLayout:layout];

    

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

    collectionView.backgroundColor=[UIColor whiteColor];

    collectionView.delegate=self;

    collectionView.dataSource=self;

    

    [self.view addSubview:collectionView];

}


实现代理方法

#pragma mark --UICollectionViewDataSource

//定义展示的UICollectionViewCell的个数

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

{

    return 31;

}

//定义展示的Section的个数

-(NSInteger)numberOfSectionsInCollectionView:(UICollectionView *)collectionView

{

    return 1;

}

//每个UICollectionView展示的内容

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

{

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

    

    cell.backgroundColor = [UIColor colorWithRed:((arc4random()%255)/255.0) green:((arc4random()%255)/255.0) blue:((arc4random()%255)/255.0) alpha:1.0f];

    

    return cell;

}


#pragma mark --UICollectionViewDelegate

//UICollectionView被选中时调用的方法

-(void)collectionView:(UICollectionView *)collectionView didSelectItemAtIndexPath:(NSIndexPath *)indexPath

{

    UICollectionViewCell * cell = (UICollectionViewCell *)[collectionView cellForItemAtIndexPath:indexPath];

    cell.backgroundColor = [UIColor colorWithRed:((arc4random()%255)/255.0) green:((arc4random()%255)/255.0) blue:((arc4random()%255)/255.0) alpha:1.0f];

}

//返回这个UICollectionViewCell是否可以被选择

-(BOOL)collectionView:(UICollectionView *)collectionView shouldSelectItemAtIndexPath:(NSIndexPath *)indexPath

{

    return YES;

}



#pragma mark --UICollectionViewDelegateFlowLayout

//定义每个UICollectionView 的大小

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

{

    return CGSizeMake(90, 90);

}

//定义每个UICollectionView 的边距

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

{

    return UIEdgeInsetsMake(10, 10, 10,10);

}


这样一个简单地UICollection视图就完成了


IOS基础_ UICollectionView的简单使用,布布扣,bubuko.com

IOS基础_ UICollectionView的简单使用

标签:ios   iphone开发   

原文地址:http://blog.csdn.net/yxiaoping/article/details/38299423

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!