IOS基础_ UICollectionView的简单使用
和表格视图类似 UICollectionView的使用有两种方法
一种是继承UICollectionViewController,这个Controller会自带一个UICollectionView;
另外一种是创建一个UIConllectionView 视图放在普通的UIViewController里面。
我们用第二种
首先声明先声明一个重用标示和实现委托
#define _CELL @"acell"
@interfaceyxpViewController()
然后初始化UICollectionVIew
- (void)initCollectionView
{
//先实例化一个层
UICollectionViewFlowLayout*layout=[[UICollectionViewFlowLayout alloc]init];
//创建一屏的视图大小
UICollectionView*collectionView=[[ UICollectionView alloc]initWithFrame:self.view.boundscollectionViewLayout:layout];
[collectionView registerClass:[UICollectionViewCellclass]forCellWithReuseIdentifier:_CELL];
collectionView.backgroundColor=[UIColorwhiteColor];
collectionView.delegate=self;
collectionView.dataSource=self;
[self.viewaddSubview:collectionView];
}
实现代理方法
#pragma mark --UICollectionViewDataSource
//定义展示的UICollectionViewCell的个数
-(NSInteger)collectionView:(UICollectionView*)collectionView numberOfItemsInSection:(NSInteger)section
{
return 31;
}
//定义展示的Section的个数
-(NSInteger)numberOfSectionsInCollectionView:(UICollectionView*)collectionView
{
return1;
}
//每个UICollectionView展示的内容
-(UICollectionViewCell*)collectionView:(UICollectionView*)collectionView cellForItemAtIndexPath:(NSIndexPath*)indexPath
{
UICollectionViewCell* cell = [collectionViewdequeueReusableCellWithReuseIdentifier:_CELLforIndexPath:indexPath];
cell.backgroundColor= [UIColorcolorWithRed:((arc4random()%255)/255.0)green:((arc4random()%255)/255.0)blue:((arc4random()%255)/255.0)alpha:1.0f];
returncell;
}
#pragma mark --UICollectionViewDelegate
//UICollectionView被选中时调用的方法
-(void)collectionView:(UICollectionView*)collectionView didSelectItemAtIndexPath:(NSIndexPath*)indexPath
{
UICollectionViewCell* cell = (UICollectionViewCell*)[collectionViewcellForItemAtIndexPath:indexPath];
cell.backgroundColor= [UIColorcolorWithRed:((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
{
returnCGSizeMake(90,90);
}
//定义每个UICollectionView 的边距
-(UIEdgeInsets)collectionView:(UICollectionView*)collectionView layout:(UICollectionViewLayout*)collectionViewLayout insetForSectionAtIndex:(NSInteger)section
{
returnUIEdgeInsetsMake(10,10,10,10);
}
这样一个简单地UICollection视图就完成了