UICollectionView 集合視圖

第二個參數 : cell 的布局
    UICollectionViewFlowLayout * flowLayout = [[UICollectionViewFlowLayout
                                                alloc]init];
滾動方向:
    flowLayout.scrollDirection = UICollectionViewScrollDirectionHorizontal ;
   

行間距(最小)
    flowLayout.minimumLineSpacing = 0;
  

列間距(最小)
    flowLayout.minimumInteritemSpacing = 30;
  

item大小
    flowLayout.itemSize = CGSizeMake(40, 30);
   

setcion 的邊距
    flowLayout.sectionInset = UIEdgeInsetsMake(10, 10, 10, 10);
  

header 大小
    flowLayout.headerReferenceSize = CGSizeMake(320, 20);
  

footer大小
    flowLayout.footerReferenceSize = CGSizeMake(320, 20);
    

創建集合視圖

UICollectionView * cView = [[UICollectionView alloc]initWithFrame:CGRectMake(0, 0, 320, 568  ) collectionViewLayout:flowLayout];
    cView.dataSource = self;  設置 dataSource 代理
    cView.delegate = self;      設置delegate 代理
    [self.view addSubview:cView];

集合視圖cell 的數量

- (NSInteger)collectionView:(UICollectionView *)collectionView numberOfItemsInSection:(NSInteger)section
{
    return 100;
}

集合視圖 設定 cell

- (UICollectionViewCell *)collectionView:(UICollectionView *)collectionView cellForItemAtIndexPath:(NSIndexPath *)indexPath
{
    MyCollectionViewCell * cell  = [collectionView dequeueReusableCellWithReuseIdentifier:cellidentifier forIndexPath:indexPath];
    cell.backgroundColor = [UIColor redColor];
    cell.textLavel.text = [NSString stringWithFormat:@"%ld",(long)indexPath.row];
    
    return cell;
}

Header 和 Footer  設置

- (UICollectionReusableView *)collectionView:(UICollectionView *)collectionView viewForSupplementaryElementOfKind:(NSString *)kind atIndexPath:(NSIndexPath *)indexPath
{
  if ([kind isEqualToString:UICollectionElementKindSectionHeader]) {
    
    HeaderView * headerView = [collectionView dequeueReusableSupplementaryViewOfKind:kind withReuseIdentifier:headeridentifier forIndexPath:indexPath];
    return headerView;
  }
 
    FooterView * footerView = [collectionView dequeueReusableSupplementaryViewOfKind:kind withReuseIdentifier:footeridentifier forIndexPath:indexPath];

    return footerView;
    
}

點擊Collection 的cell 時 觸發 此方法

#pragma mark - UICollectionViewDelegate
- (void)collectionView:(UICollectionView *)collectionView didSelectItemAtIndexPath:(NSIndexPath *)indexPath
{
    
}