在網(wǎng)上找了許久，一直沒有發(fā)現(xiàn)有提供橫向瀑布流效果的。在項目中用到了我就在垂直瀑布流的基礎(chǔ)上，進行了修改，做出了橫向瀑布流的效果。同時也對一些UICollectionView的屬性進行簡單的注釋，方便以后查閱。

創(chuàng)新互聯(lián)公司-專業(yè)網(wǎng)站定制、快速模板網(wǎng)站建設(shè)、高性價比禹會網(wǎng)站開發(fā)、企業(yè)建站全套包干低至880元,成熟完善的模板庫,直接使用。一站式禹會網(wǎng)站制作公司更省心,省錢,快速模板網(wǎng)站建設(shè)找我們，業(yè)務(wù)覆蓋禹會地區(qū)。費用合理售后完善，十余年實體公司更值得信賴。

1、首先要寫一個繼承與NSObject的布局類，記錄每一行（列）目前的寬度（高度）。再添加一個新的cell的時候進行判斷比較，添加到最短的那一行或一列上。

2、橫向的布局類入下，垂直的話就是講對應(yīng)的X Y軸數(shù)據(jù)進行調(diào)整即可。
WaterfallFlowLayout為布局類，繼承與NSObject。.h文件入下

#import 
// 類的前置聲明
@class WaterfallFlowLayout;

@protocol WaterfallFlowLayoutDelegate 
// 動態(tài)獲取 item 寬度
- (CGFloat) WaterfallFlowLayout:(WaterfallFlowLayout *) layout widthForItemAtIndexPath:(NSIndexPath *) indexPath;

@end

@interface WaterfallFlowLayout : UICollectionViewLayout

@property (nonatomic,assign) id  delegate;

@property (nonatomic) NSInteger numberOfColumns;
@property (nonatomic) CGFloat minimumLineSpacing;
@property (nonatomic) CGFloat minimumInteritemSpacing;
@property (nonatomic) UIEdgeInsets sectionInset;
@end

另外有需要云服務(wù)器可以了解下創(chuàng)新互聯(lián)建站www.cdcxhl.com，海內(nèi)外云服務(wù)器15元起步，三天無理由+7*72小時售后在線，公司持有idc許可證，提供“云服務(wù)器、裸金屬服務(wù)器、高防服務(wù)器、香港服務(wù)器、美國服務(wù)器、虛擬主機、免備案服務(wù)器”等云主機租用服務(wù)以及企業(yè)上云的綜合解決方案，具有“安全穩(wěn)定、簡單易用、服務(wù)可用性高、性價比高”等特點與優(yōu)勢，專為企業(yè)上云打造定制，能夠滿足用戶豐富、多元化的應(yīng)用場景需求。

文章名稱：ios基于UICollectionView實現(xiàn)橫向瀑布流-創(chuàng)新互聯(lián)
網(wǎng)站鏈接：http://www.xueling.net.cn/article/peoec.html