iOS UICollectionView的簡單使用和常用代理方法

黑暗森林的歌者發表於2018-02-26
iOSUIView

UICollectionView相對於UITableView有更加自由的佈局，做出的介面可變性更大最近開始接觸使用UICollectionView，整理了一下常用的代理方法。

首先需要先新增UICollectionView的代理：UICollectionViewDelegate   UICollectionViewDataSource  UICollectionViewDelegateFlowLayout

在viewdidLoad的時候註冊UICollectionView 的cell

UICollectionViewFlowLayout *flowLayout=[[UICollectionViewFlowLayout alloc] init];
 [flowLayout setScrollDirection:UICollectionViewScrollDirectionVertical]; 
UICollectionView *collection = [[UICollectionView alloc] initWithFrame:CGRectMake(0, 0, self.width, self.height) collectionViewLayout:flowLayout]; 
[collection registerClass:[UICollectionViewCell class] forCellWithReuseIdentifier:@"CollectionCell"];
複製程式碼

需要需要新增headerView或者footerView同樣需要註冊

[collection registerClass:[collectionHeaderView class] forSupplementaryViewOfKind:UICollectionElementKindSectionHeader withReuseIdentifier:@"HeaderView"];
//collectionHeaderView是自定義的view
複製程式碼

想要定義View的UI就需要在它的代理方法中進行設定就行

//返回headerView的大小為寬320  高 100
-(CGSize)collectionView:(UICollectionView *)collectionView layout:(UICollectionViewLayout *)collectionViewLayout referenceSizeForHeaderInSection:(NSInteger)section {
    CGSize size = CGSizeMake(320, 100);

    return size;
}
複製程式碼

定義需要顯示的headerView UI，因為UICOllectionView的headerView是複用的，所以需要像使用Cell一樣在代理方法中自定義

//返回headerView
- (UICollectionReusableView *) collectionView:(UICollectionView *)collectionView viewForSupplementaryElementOfKind:(NSString *)kind atIndexPath:(NSIndexPath *)indexPath
{
    UICollectionReusableView *reusableview = nil;
    
        if (kind == UICollectionElementKindSectionHeader)
        {
                VoteTableHeaderView *myHeaderView = [collectionView dequeueReusableSupplementaryViewOfKind:kind withReuseIdentifier:@"HeaderView" forIndexPath:indexPath];
                   //在這裡進行headerView的操作
            reusableview = myHeaderView;
    }
    
    return reusableview;
}
複製程式碼
//返回section 的數量
-(NSInteger)numberOfSectionsInCollectionView:(UICollectionView *)collectionView {
     return 1;
}
複製程式碼
//返回對應section的item 的數量
-(NSInteger)collectionView:(UICollectionView *)collectionView numberOfItemsInSection:(NSInteger)section { 
    return [self.myDataArr count];
}
複製程式碼
//建立和複用cell
- (UICollectionViewCell *)collectionView:(UICollectionView *)collectionView cellForItemAtIndexPath:(NSIndexPath *)indexPath
{
    //重用cell
    MineVoteTableViewCell *cell = [collectionView dequeueReusableCellWithReuseIdentifier:@"MIneVoteCell" forIndexPath:indexPath];
    //賦值給cell
    
    return cell;
}
複製程式碼
//定義每個UICollectionViewCell 的大小
- (CGSize)collectionView:(UICollectionView *)collectionView layout:(UICollectionViewLayout*)collectionViewLayout sizeForItemAtIndexPath:(NSIndexPath *)indexPath {
       return CGSizeMake(self.view.width/2, 150);
}
複製程式碼
-(UIEdgeInsets)collectionView:(UICollectionView *)collectionView layout:(UICollectionViewLayout *)collectionViewLayout insetForSectionAtIndex:(NSInteger)section { 
      return UIEdgeInsetsMake(5, 5, 5, 5);
}
複製程式碼
//每個section中不同的行之間的行間距
- (CGFloat)collectionView:(UICollectionView *)collectionView layout:(UICollectionViewLayout*)collectionViewLayout minimumLineSpacingForSectionAtIndex:(NSInteger)section {
   return 10;
}
複製程式碼
//選擇了某個cell
- (void)collectionView:(UICollectionView *)collectionView didSelectItemAtIndexPath:(NSIndexPath *)indexPath {
     //在這裡進行點選cell後的操作
}
複製程式碼
//每個item之間的間距
- (CGFloat)collectionView:(UICollectionView *)collectionView layout:(UICollectionViewLayout*)collectionViewLayout minimumInteritemSpacingForSectionAtIndex:(NSInteger)section {
       return 10;
}
複製程式碼

相關文章