iOS開發之窺探UICollectionViewController(四) --一款功能強大的自訂瀑布流

標籤：

　　在上一篇部落格中《iOS開發之窺探UICollectionViewController(三) --使用UICollectionView自訂瀑布流》，自訂瀑布流的列數，Cell的外邊距，Cell的最大以及最小高度是在我們的布局檔案中是寫死的，換句話說也就是不可配置的。為了循序漸進，由淺入深呢，上篇部落格暫且那麼寫。不過那樣寫太過死板，本來使用起來比較靈活的自訂布局，如果把其配置參數給寫死了，就相當於在籠中的猛獸，再厲害不也白扯蠻。

　　在今天這篇部落格中我們要接著上篇部落格中的Demo，使其自訂布局的屬性在使用它的UICollectionView中是可配置的。 當然在本篇要介紹的Demo中只提取了四個布局參數，無論添加一個Delegate，但思路都是一樣的。我們把上一篇部落格中寫死的內容，通過布局代理來提供參數配置，這樣就靈活多了。好了，鹹淡扯的適中，進入我們今天的主題。

　　一.進化後的運行效果

　　　　算是Demo的2.0版本的運行效果，和之前的比較起來功能確實強大了不少。因為他是可配置化的，根據使用者輸入的參數來確定瀑布流的樣式。當然Demo中是通過使用者輸入的參數來確定的，如果你在代碼中使用該自訂瀑布流，需要根據你的實際情況可以配置瀑布流的參數，來打造屬於你自己的瀑布流。網上雖然好多實現瀑布流的部落格和代碼，但是像今天這樣可配置的瀑布流應該是不多的，至少我沒見過，所以嘍就寫一個，開源一下，給大家分享交流一下。

 

　　二、自訂瀑布流使用方式

　　　　該自訂瀑布流布局的使用方式和系統內建的UICollectionViewDelegateFlowLayout用法一直，都是通過布局代理來定製布局參數，關於UICollectionViewDelegateFlowLayout的內容詳見《iOS開發之窺探UICollectionViewController(二) --詳解CollectionView各種回調》中有關UICollectionViewDelegateFlowLayout代理介紹的內容。

　　　　如果想使用該布局檔案，你需要為我們的UICollectionView來指定該布局檔案，在本篇部落格中的Demo中是在Storyboard中進行自訂布局檔案的指定的，你也可以通過代碼的方式指定，再次不做過多的贅述。指定該自訂布局後，你需要做以下事情：

　　　　1.為布局指定代理方法

　　　　首先擷取UICollectionView的布局collectionViewLayout，然後為其設定CustomeCollectionViewLayoutDelegate代理即可，代碼如下：

1     _customeLayout = (CustomeCollectionViewLayout *) self.collectionViewLayout;2     3     _customeLayout.layoutDelegate = self;

 

　　　　2.實現CustomeCollectionViewLayoutDelegate中的方法

　　　　需要在UICollectionView的使用控制器中實現自訂布局中的代理方法來設定布局屬性，我們這兒定了四個必須實現的方法。 你可以通過這些方法去設定cell的列數，Cell的外邊距，Cell的最小高度，Cell的最大高度，如下所示：

#pragma mark <CustomeCollectionViewLayoutDelegate>- (NSInteger) numberOfColumnWithCollectionView: (UICollectionView *)collectionView                          collectionViewLayout:( CustomeCollectionViewLayout *)collectionViewLayout{    return _cellColumn;}- (CGFloat)marginOfCellWithCollectionView:(UICollectionView *)collectionView collectionViewLayout:(CustomeCollectionViewLayout *)collectionViewLayout{    return _cellMargin;}- (CGFloat)minHeightOfCellWithCollectionView:(UICollectionView *)collectionView collectionViewLayout:(CustomeCollectionViewLayout *)collectionViewLayout{    return _cellMinHeight;}- (CGFloat)maxHeightOfCellWithCollectionView:(UICollectionView *)collectionView collectionViewLayout:(CustomeCollectionViewLayout *)collectionViewLayout{    return _cellMaxHeight;}

 

　　　　3. 你就可以通過上述Delegate方法來修改自訂布局的屬性了，你可以通過一個配置頁面，進行參數配置。配置完後，進行CollectionView的重新整理即可，這些在本部落格中就不做贅述，詳情請見部落格下方gitHub分享地址。

　　　　至此，我們的自訂瀑布流就相對比較完善了，不過還有好大的改善控制項。感興趣的小夥伴可以在此基礎上加上你自己的東西。

　　　　本篇部落格中Demo的github分享地址為：https://github.com/lizelu/CustomWaterfallFlow

iOS開發之窺探UICollectionViewController(四) --一款功能強大的自訂瀑布流