iOS--UICollectionView（滾動視圖）入門

 UICollectionView

@interface  UICollectionView :  UIScrollView  

UICollectionView 和 UICollectionViewController類是iOS6新引進的API，用於展現集合視圖，佈局更加靈活，可實現多列布局，用法相似 UITableView和 UITableViewController類。

使用 UICollectionView必須實現 UICollectionViewDataSource、 UICollectionViewDelegate、 UICollectionViewDelegateFlowLayout這三個協議。

 

---

初始化:

//初始化佈局類(UICollectionViewLayout的子類)

UICollectionViewFlowLayout *fl = [[UICollectionViewFlowLayout alloc]init];

 

//初始化collectionView

self.collectionView = [[UICollectionView alloc]initWithFrame:CGRectZero collectionViewLayout:fl];

 

//設置代理

self.collectionView.delegate = self;

self.collectionView.dataSource = self;

 

--------------------

 

須要實現的協議:

UICollectionViewDataSource, UICollectionViewDelegateFlowLayout

PS:UICollectionViewDelegateFlowLayout是UICollectionViewDelegate的子協議

 

--------------------

 

註冊相應的UICollectionViewCell子類到collectionView用來從隊列提取和顯示

- (void)registerClass:(Class)cellClass forCellWithReuseIdentifier:(NSString *)identifier;

PS:若是是用nib建立的話，使用下面這個函數來註冊。

- (void)registerNib:(UINib *)nib forCellWithReuseIdentifier:(NSString *)identifier;

 

若是須要顯示每一個section的headerView或footerView，則還需註冊相應的UICollectionReusableView的子類到collectionView

elementKind是header或footer的標識符，只有兩種能夠設置UICollectionElementKindSectionHeader和UICollectionElementKindSectionFooter

- (void)registerClass:(Class)viewClass forSupplementaryViewOfKind:(NSString *)elementKind withReuseIdentifier:(NSString *)identifier;

PS:若是是用nib建立的話，使用下面這個函數來註冊。

- (void)registerNib:(UINib *)nib forSupplementaryViewOfKind:(NSString *)kind withReuseIdentifier:(NSString *)identifier;

 

--------------------

 

實現協議的函數:

跟UITableView的DataSource和Delegate很像，大可自行代入理解。

 

DataSource:

 

//每一組有多少個cell

- (NSInteger)collectionView:(UICollectionView *)collectionView numberOfItemsInSection:(NSInteger)section;

 

//定義並返回每一個cell

- (UICollectionViewCell *)collectionView:(UICollectionView *)collectionView cellForItemAtIndexPath:(NSIndexPath *)indexPath;

 

//collectionView裏有多少個組

- (NSInteger)numberOfSectionsInCollectionView:(UICollectionView *)collectionView;

 

//定義並返回每一個headerView或footerView

- (UICollectionReusableView *)collectionView:(UICollectionView *)collectionView viewForSupplementaryElementOfKind:(NSString *)kind atIndexPath:(NSIndexPath *)indexPath;

 

上面這個方法使用時必需要注意的一點是，若是佈局沒有爲headerView或footerView設置size的話(默認size爲CGSizeZero)，則該方法不會被調用。因此若是須要顯示header或footer，須要手動設置size。

能夠經過設置UICollectionViewFlowLayout的headerReferenceSize和footerReferenceSize屬性來全局控制size。或者經過重載如下代理方法來分別設置

- (CGSize)collectionView:(UICollectionView *)collectionView layout:(UICollectionViewLayout*)collectionViewLayout referenceSizeForHeaderInSection:(NSInteger)section;

- (CGSize)collectionView:(UICollectionView *)collectionView layout:(UICollectionViewLayout*)collectionViewLayout referenceSizeForFooterInSection:(NSInteger)section;

 

Delegate:

 

//每個cell的大小

- (CGSize)collectionView:(UICollectionView *)collectionView layout:(UICollectionViewLayout*)collectionViewLayout sizeForItemAtIndexPath:(NSIndexPath *)indexPath;

 

//設置每組的cell的邊界, 具體看下圖

- (UIEdgeInsets)collectionView:(UICollectionView *)collectionView layout:(UICollectionViewLayout*)collectionViewLayout insetForSectionAtIndex:(NSInteger)section;

 

//cell的最小行間距

- (CGFloat)collectionView:(UICollectionView *)collectionView layout:(UICollectionViewLayout*)collectionViewLayout minimumLineSpacingForSectionAtIndex:(NSInteger)section;

 

//cell的最小列間距

- (CGFloat)collectionView:(UICollectionView *)collectionView layout:(UICollectionViewLayout*)collectionViewLayout minimumInteritemSpacingForSectionAtIndex:(NSInteger)section;

 

//cell被選擇時被調用

- (void)collectionView:(UICollectionView *)collectionView didSelectItemAtIndexPath:(NSIndexPath *)indexPath;

 

//cell反選時被調用(多選時才生效)

- (void)collectionView:(UICollectionView *)collectionView didDeselectItemAtIndexPath:(NSIndexPath *)indexPath;