UICollectionView

是什么?

集合视图

视图可以对多列多行的形式来展示数据,是从UITableView演变而来的,使用上和UITableView很像

1.声明一个collectionView的属性

@property(nonatomic,strong)UICollectionView * collectionView;

2.创建布局对象（很重要）

UICollectionViewFlowLayout *layout=[[UICollectionViewFlowLayout alloc]init]; layout.itemSize=CGSizeMake(80, 80); layout.minimumInteritemSpacing=10; layout.minimumLineSpacing=10; //设置四边的间隔 layout.sectionInset=UIEdgeInsetsMake(154, 30, 154, 30); layout.scrollDirection**重点内容**=UICollectionViewScrollDirectionHorizontal; //滑动方向

3.初始化并添加到父视图

self.collectionView=[[UICollectionView alloc]initWithFrame:(CGRect) collectionViewLayout:layout]; //设置数据源和代理为自己 self.collectionView.delegate=self; self.collectionViewdataSource=self; [self.view addSubview:self.c]; [self.collectionView registerNib:[UINib nibWithNibName:@"CollectionViewCell" bundle:[NSBundle mainBundle]]forCellWithReuseIdentifier:@"cell"]; //必须注册一个cell否则GG

4.采纳协议（3个)

<UICollectionViewDataSource,UICollectionViewDelegate,UINavigationControllerDelegate>

5.实现数据源方法

- (NSInteger)collectionView:(UICollectionView *)collectionView numberOfItemsInSection:(NSInteger)section{ //每个Section有几项 return 9; } - (UICollectionViewCell *)collectionView:(UICollectionView *)collectionView cellForItemAtIndexPath:(NSIndexPath *)indexPath{ //每项长什么样子 CollectionViewCell *cell=[collectionView dequeueReusableCellWithReuseIdentifier:@"cell" forIndexPath:indexPath]; return cell; }

6.实现代理方法

-(void)collectionView:(UICollectionView *)collectionView didSelectItemAtIndexPath:(NSIndexPath *)indexPath{ //选中某行怎么处理 }

常用方法：

- (CGSize)collectionView:(UICollectionView *)collectionView layout:(UICollectionViewLayout*)collectionViewLayout sizeForItemAtIndexPath:(NSIndexPath *)indexPath{ //每个cell的尺寸 return CGSizeMake(101, 169); } - (UIEdgeInsets)collectionView:(UICollectionView *)collectionView layout:(UICollectionViewLayout*)collectionViewLayout insetForSectionAtIndex:(NSInteger)section{ //布局相关 return UIEdgeInsetsMake(0, 15, 0, 15); } - (CGFloat)collectionView:(UICollectionView *)collectionView layout:(UICollectionViewLayout*)collectionViewLayout minimumLineSpacingForSectionAtIndex:(NSInteger)section{ return 10; } - (CGFloat)collectionView:(UICollectionView *)collectionView layout:(UICollectionViewLayout*)collectionViewLayout minimumInteritemSpacingForSectionAtIndex:(NSInteger)section{ return 10; }