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代理即可，程式碼如下：

2.實現CustomeCollectionViewLayoutDelegate中的方法

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

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

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

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

打賞支援我寫出更多好文章，謝謝！

打賞作者