ios基于基于UICollectionView实现横向瀑布流实现横向瀑布流
在网上找了许久，一直没有发现有提供横向瀑布流效果的。在项目中用到了我就在垂直瀑布流的基础上，进行了修改，做出了
横向瀑布流的效果。同时也对一些UICollectionView的属性进行简单的注释，方便以后查阅。
1、首先要写一个继承与NSObject的布局类，记录每一行（列）目前的宽度（高度）。再添加一个新的cell的时候进行判断比
较，添加到最短的那一行或一列上。
2、横向的布局类入下，垂直的话就是讲对应的X Y轴数据进行调整即可。
WaterfallFlowLayout为布局类，继承与NSObject。.h文件入下
#import <UIKit/UIKit.h>
// 类的前置声明
@class WaterfallFlowLayout;
@protocol WaterfallFlowLayoutDelegate <NSObject>
// 动态获取 item 宽度
- (CGFloat) WaterfallFlowLayout:(WaterfallFlowLayout *) layout widthForItemAtIndexPath:(NSIndexPath *) indexPath;
@end
@interface WaterfallFlowLayout : UICollectionViewLayout
@property (nonatomic,assign) id <WaterfallFlowLayoutDelegate> delegate;
@property (nonatomic) NSInteger numberOfColumns;
@property (nonatomic) CGFloat minimumLineSpacing;
@property (nonatomic) CGFloat minimumInteritemSpacing;
@property (nonatomic) UIEdgeInsets sectionInset;
@end
WaterfallFlowLayout为布局类，继承与NSObject。.m文件入下
#import "WaterfallFlowLayout.h"
@interface WaterfallFlowLayout ()
{
// 用于记录每一列布局到的宽度
NSMutableArray * _widthOfColumns;
// 用于保存所有item的属性 (frame)
NSMutableArray * _itemsAttributes;
}
@end
@implementation WaterfallFlowLayout
- (void) setNumberOfColumns:(NSInteger)numberOfColumns {
if (_numberOfColumns != numberOfColumns) {
_numberOfColumns = numberOfColumns;
// 让原有布局失效，需要重新布局
[self invalidateLayout];
}
}
- (void)setMinimumLineSpacing:(CGFloat)minimumLineSpacing {
if (_minimumLineSpacing != minimumLineSpacing) {
_minimumLineSpacing = minimumLineSpacing;
[self invalidateLayout];
}
}
- (void)setMinimumInteritemSpacing:(CGFloat)minimumInteritemSpacing {
if (_minimumInteritemSpacing != minimumInteritemSpacing) {
_minimumInteritemSpacing = minimumInteritemSpacing;
[self invalidateLayout];
}
}
- (void)setSectionInset:(UIEdgeInsets)sectionInset {
if (!UIEdgeInsetsEqualToEdgeInsets(_sectionInset, sectionInset)) {
资源评论
