- 接入简单，不侵入代码
- 右拉刷新，左拉加载更多
- 自定义提示文案和加载动画
- 方便隐藏和显示加载提示文本和动画
- 支持 ‘没有更多数据’ 提示
- 下载源码，将文件夹 "SideRefresh"添加进工程
- 引入头文件 #import "UICollectionView+SideRefresh.h"
- 创建SideRefreshHeader和SideRefreshFooter并添加给UICollectionView即可
SideRefreshHeader *refreshHeader = [SideRefreshHeader refreshWithLoadAction:^{
//执行刷新
}];
self.collectionView.sideRefreshHeader = refreshHeader;
SideRefreshFooter *refreshFooter = [SideRefreshFooter refreshWithLoadAction:^{
//执行加载更多
}];
self.collectionView.sideRefreshFooter = refreshFooter;
SideRefreshHeader *refreshHeader = [SideRefreshHeader refreshWithLoadAction:^{
//执行刷新
}];
NSMutableArray *loadingImages = [NSMutableArray array];
for(int i = 1; i <= 9; i++) {
UIImage *loadingImg = [UIImage imageNamed:[NSString stringWithFormat:@"loading_0%d", i]];
if(loadingImg) {
[loadingImages addObject:loadingImg];
}
}
refreshHeader.loadingImages = loadingImages;//自定义图片动画
//自定义提示文案
refreshHeader.normalMessage = @"再拉我试试!";
refreshHeader.pullingMessage = @"松开，松开";
refreshHeader.loadingMessage = @"奔跑...";
self.collectionView.sideRefreshHeader = refreshHeader;
SideRefreshFooter *refreshFooter = [SideRefreshFooter refreshWithLoadAction:^{
//执行加载更多
}];
self.collectionView.sideRefreshFooter = refreshFooter;
SideRefreshHeader *refreshHeader = [SideRefreshHeader refreshWithLoadAction:^{
//执行刷新
}];
refreshHeader.hideMessage = YES;//隐藏提示
self.collectionView.sideRefreshHeader = refreshHeader;
SideRefreshFooter *refreshFooter = [SideRefreshFooter refreshWithLoadAction:^{
//执行加载更多
}];
refreshFooter.hideIndicator = YES;//隐藏加载动画
self.collectionView.sideRefreshFooter = refreshFooter;
显示默认提示
[self.collectionView showEmptyFooter]
显示自定义提示
[self.collectionView showEmptyFooterWithMessage:@"不要看了，没有了。"];
PS:隐藏需要手动调用
[self.collectionView hideEmptyFooter];
- 通过Runtime为UICollectionView添加SideRefreshHeader和SideRefreshFooter属性
- 观察UICollectionView的contentOffset实现拖动相关逻辑
- 观察UICollectionView的contentSize来重置刷新视图
- 更多细节参见源码Demo
如果觉得好用欢迎Star github, 使用问题请Issue。
React
Typescript
Django
Laravel
Facebook
Microsoft
Google
Alibaba
D3
Tencent