ios基于UICollectionView实现横向瀑布流资源-CSDN文库

122 浏览量 2021-01-21 19:59:38 上传评论收藏 86KB PDF 举报

资源推荐

资源详情

资源评论

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)) {

本内容试读结束，登录后可阅读更多

下载后可阅读完整内容，剩余4页未读，立即下载

内容反馈

weixin_38588394

粉丝: 8
资源: 954

最新资源

资源上传下载、课程学习等过程中有任何疑问或建议，欢迎提出宝贵意见哦~我们会及时处理！点击此处反馈

feedback-tip