collectionViewLayout是個(gè)很強(qiáng)大的控件,有了它不僅能幫助我們快捷而準(zhǔn)確的解決9宮格布局的問題,更是能解決很多特殊布局的難點(diǎn).比如,瀑布流:

collectionView的創(chuàng)建需要一個(gè)layout屬性

一般來說我們都是直接使用一個(gè)UICollectionViewFlowLayout的布局方式,也就是流水布局,來放置我們的collectionView

但是,為了達(dá)到瀑布流的效果,我們就需要根據(jù)服務(wù)器提供的數(shù)據(jù),來重寫布局.

創(chuàng)建一個(gè)我們自己的布局

這個(gè)布局繼承自UICollcetionViewLayout

我們需要重寫這個(gè)類的一些方法.并提供一些外部能自定義的屬性

考慮到瀑布流cell和整體的設(shè)置需求,留給外部的接口

init方法中去設(shè)定一些基本的屬性的默認(rèn)值

這個(gè)方法的設(shè)定是為了保證只要布局重新計(jì)算,我們就刷新layout里面的attributes

用一個(gè)字典來存儲每一列最大的Y值,用一個(gè)可變數(shù)組來存放界面中所有cell的attributes

貌似還有可以改善的地方,就是此時(shí)只去遍歷屏幕中能看見的cell,而不是去遍歷整個(gè)collectionview中所有cell

這個(gè)就是去計(jì)算瀑布流的布局了.

首先是遍歷了字典中所有的maxY來計(jì)算最小的那個(gè)Y

然后返回這個(gè)最短Y的那個(gè)cell的attrs,其中的代理方法是為了得到和服務(wù)器提供數(shù)據(jù)比例一致的寬高比.

這個(gè)方法需要返回所有的在attrs,但是每次重新布局時(shí)prepareLayout就已經(jīng)計(jì)算好了,就不需要我們再次計(jì)算了

最后就是要設(shè)定下這個(gè)collectionView的contentSize了,應(yīng)該是最大的cellY加上我們所設(shè)置的sectionInset的bottom值了

這樣就能夠得到一個(gè)自定義的瀑布流的布局了

只需要將自己的模型屬性放到自定義的cell中,然后創(chuàng)建時(shí)直接調(diào)用這個(gè)布局,就能有瀑布流的效果了.這個(gè)方法確實(shí)要比以前自定義scrollView的思路簡單很多了,而且不需要自己去考慮緩存和datasource方法,使得布局簡單了很多.