一款简单好用的UICollectionView横向滚动刷新控件

2024-01-26 13:26| 来源: 网络整理| 查看: 265

一款简单好用的UICollectionView横向滚动刷新控件 feng409 发布于2019-06-25 16:52 / 1677人阅读

摘要：隐藏需要手动调用实现方式通过为添加和属性观察的实现拖动相关逻辑观察的来重置刷新视图更多细节参见源码如果觉得好用欢迎使用问题请。

点我跳转原文源码地址:(GitHub)

实现功能：

接入简单，不侵入代码

右拉刷新，左拉加载更多

自定义提示文案和加载动画

方便隐藏和显示加载提示文本和动画

支持 ‘没有更多数据’ 提示

接入方式

下载源码，将文件夹 "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

隐藏刷新提示或动画 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。

idc机房托管超融合服务器 listview横向滚动 js文字横向滚动 asp表格横向滚动 asp横向列表控件

文章版权归作者所有，未经允许请勿转载,若此文章存在违规行为，您可以联系管理员删除。

转载请注明本文地址：https://www.ucloud.cn/yun/17091.html

上一篇：React Native Cannot read property 'bindings 下一篇：移动端H5页面上传图片或多张图片

【本文地址】

公司简介

联系我们