UICollectionView 基礎，uicollectionview

UICollectionView 基礎，uicollectionview

在iOS開發中經常會用到UICollectionView，和UITableView同樣即成UIScrollView 但是操作起來比UITableVIew要麻煩一些 ，有些地方需要注意，一下是UICollectionView基礎詳解。 ////  ViewController.m//  Collection #import "ViewController.h"#import "CollectionViewCell.h"#import "CollectionViewCell1.h"#import "CollectionReusableView.h"@interface ViewController ()<UICollectionViewDelegate,UICollectionViewDataSource>@property(nonatomic,strong)UICollectionView *collectionView;@end @implementation ViewController - (void)viewDidLoad {    [super viewDidLoad];    //此處必須要有創見一個UICollectionViewFlowLayout的對象    UICollectionViewFlowLayout *layout=[[UICollectionViewFlowLayout alloc]init];    //同一行相鄰兩個cell的最小間距    layout.minimumInteritemSpacing = 5;    //最小兩行之間的間距    layout.minimumLineSpacing = 5;        _collectionView=[[UICollectionView alloc]initWithFrame:CGRectMake(0, 0, 375, 667) collectionViewLayout:layout];    _collectionView.backgroundColor=[UIColor whiteColor];    _collectionView.delegate=self;    _collectionView.dataSource=self;    //這個是橫向滑動    //layout.scrollDirection=UICollectionViewScrollDirectionHorizontal;    [self.view addSubview:_collectionView];        /*     *這是重點 必須註冊cell     */    //這種是xib建的cell 需要這麼註冊    UINib *cellNib=[UINib nibWithNibName:@"CollectionViewCell" bundle:nil];    [_collectionView registerNib:cellNib forCellWithReuseIdentifier:@"CollectionViewCell"];    //這種是自訂cell不帶xib的註冊//   [_collectionView registerClass:[CollectionViewCell1 class] forCellWithReuseIdentifier:@"myheheIdentifier"];    //這種是原生cell的註冊//    [_collectionView registerClass:[UICollectionViewCell class] forCellWithReuseIdentifier:@"cell"];        //這是頭部與腳部的註冊    UINib *cellNib1=[UINib nibWithNibName:@"CollectionReusableView" bundle:nil];    [_collectionView registerNib:cellNib1 forSupplementaryViewOfKind:UICollectionElementKindSectionHeaderwithReuseIdentifier:@"CollectionReusableView"];    [_collectionView registerNib:cellNib1 forSupplementaryViewOfKind:UICollectionElementKindSectionFooter withReuseIdentifier:@"CollectionReusableView"];}//一共有多少個組-(NSInteger)numberOfSectionsInCollectionView:(UICollectionView *)collectionView{    return 1;}//每一組有多少個cell-(NSInteger)collectionView:(UICollectionView *)collectionView numberOfItemsInSection:(NSInteger)section{    return 10;}//每一個cell是什麼-(UICollectionViewCell *)collectionView:(UICollectionView *)collectionView cellForItemAtIndexPath:(NSIndexPath *)indexPath{    CollectionViewCell *cell=[collectionView dequeueReusableCellWithReuseIdentifier:@"CollectionViewCell" forIndexPath:indexPath];    cell.label.text=[NSString stringWithFormat:@"%ld",indexPath.section*100+indexPath.row];    cell.backgroundColor=[UIColor groupTableViewBackgroundColor];    return cell;}//頭部和腳部的載入-(UICollectionReusableView *)collectionView:(UICollectionView *)collectionView viewForSupplementaryElementOfKind:(NSString *)kind atIndexPath:(NSIndexPath *)indexPath{    UICollectionReusableView *view=[collectionView dequeueReusableSupplementaryViewOfKind:kind withReuseIdentifier:@"CollectionReusableView"forIndexPath:indexPath];    UILabel *label=[[UILabel alloc]initWithFrame:CGRectMake(110, 20, 100, 30)];    if ([kind isEqualToString:UICollectionElementKindSectionHeader]) {        label.text=@"頭";    }else{        label.text=@"腳";    }    [view addSubview:label];    return view;}//每一個分組的上左下右間距-(UIEdgeInsets)collectionView:(UICollectionView *)collectionView layout:(UICollectionViewLayout *)collectionViewLayout insetForSectionAtIndex:(NSInteger)section{    return UIEdgeInsetsMake(5, 5, 5, 5);}//頭部試圖的大小-(CGSize)collectionView:(UICollectionView *)collectionView layout:(UICollectionViewLayout*)collectionViewLayout referenceSizeForHeaderInSection:(NSInteger)section{    return CGSizeMake(50, 60);}//腳部試圖的大小- (CGSize)collectionView:(UICollectionView *)collectionView layout:(UICollectionViewLayout*)collectionViewLayout referenceSizeForFooterInSection:(NSInteger)section{    return CGSizeMake(50, 60);}//定義每一個cell的大小- (CGSize)collectionView:(UICollectionView *)collectionView layout:(UICollectionViewLayout*)collectionViewLayout sizeForItemAtIndexPath:(NSIndexPath *)indexPath{    return CGSizeMake(115, 100);} //cell的點擊事件-(void)collectionView:(UICollectionView *)collectionView didSelectItemAtIndexPath:(NSIndexPath *)indexPath{    //cell被點擊後移動的動畫    [collectionView selectItemAtIndexPath:indexPath animated:YES scrollPosition:UICollectionViewScrollPositionTop];}@end