您的位置:首页 > 产品设计 > UI/UE

IOS基金会_ UICollectionView简单易用

2015-09-21 12:30 417 查看
和表格视图类似 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视图就完毕了
内容来自用户分享和网络整理,不保证内容的准确性,如有侵权内容,可联系管理员处理 点击这里给我发消息
标签: