时间:2021-05-02
ESPullToRefresh
ESPullToRefresh是一个非常易于开发者使用的下拉刷新和加载更多组件。通过一个UIScrollView的扩展,可以轻松为UIScrollView的所有子类添加下拉刷新功能。 如果你想定制组件的UI样式,只要实现指定的协议方法即可。Github地址
如何安装
使用CocoaPods
? 1 pod "ESPullToRefresh"手动安装
? 1 2 git clone https://github.com/eggswift/pull-to-refresh.git open ESPullToRefresh开始使用
使用默认样式 效果如下:
设置默认下拉刷新组件
? 1 2 3 4 5 6 7 8 9 10 self.tableView.es_addPullToRefresh { [weak self] in /// 在这里做刷新相关事件 /// ... /// 如果你的刷新事件成功,设置completion自动重置footer的状态 self?.tableView.es_stopPullToRefresh(completion: true) /// 设置ignoreFooter来处理不需要显示footer的情况 self?.tableView.es_stopPullToRefresh(completion: true, ignoreFooter: false) }) }设置默认加载更多组件
? 1 2 3 4 5 6 7 8 9 10 self.tableView.es_addInfiniteScrolling { [weak self] in /// 在这里做加载更多相关事件 /// ... /// 如果你的加载更多事件成功,调用es_stopLoadingMore()重置footer状态 self?.tableView.es_stopLoadingMore() /// 通过es_noticeNoMoreData()设置footer暂无数据状态 self?.tableView.es_noticeNoMoreData() }) }使用自定义样式 效果如下:
注: 加载动画资源来自美团 iOS app。
ESPullToRefresh通过ESRefreshProtocol和ESRefreshAnimatorProtocol来约束刷新组件的使用,自定义的组件必须遵守这两个协议,并实现协议中的方法。
设置自定义下拉刷新组件
? 1 2 func es_addPullToRefresh(animator animator: protocol<ESRefreshProtocol, ESRefreshAnimatorProtocol>, handler: ESRefreshHandler)设置自定义加载更多组件
? 1 2 func es_addInfiniteScrolling(animator animator: protocol<ESRefreshProtocol, ESRefreshAnimatorProtocol>, handler: ESRefreshHandler)移除方法
? 1 2 func es_removeRefreshHeader() func es_removeRefreshFooter()以上就是本文的全部内容,希望对大家的学习有所帮助,也希望大家多多支持服务器之家。
原文链接:http://www.jianshu.com/p/c5bc2d8c68e4?utm_source=tuicool&utm_medium=referral#
声明:本页内容来源网络,仅供用户参考;我单位不保证亦不表示资料全面及准确无误,也不保证亦不表示这些资料为最新信息,如因任何原因,本网内容或者用户因倚赖本网内容造成任何损失或损害,我单位将不会负任何法律责任。如涉及版权问题,请提交至online#300.cn邮箱联系删除。
本文实例为大家分享了Android实现下拉刷新和上拉加载更多的具体代码,供大家参考,具体内容如下先分享下源码:Android实现下拉刷新和上拉加载更多实现思路:
简介上拉加载,是目前手机网站加载数据的一种常用方式,本文主要讲解AnglarJs集成,上拉加载功能。通常与下拉刷新配置使用,下拉刷新请查阅。实现页面{{bran
本文实例为大家分享了iScroll下拉刷新上滑加载展示的具体代码,供大家参考,具体内容如下html代码:iScroll下拉刷新上滑加载header下拉刷新上拉加
前言下拉刷新和上拉加载是业务上一个很常见的需求,在微信小程序里,提供了下拉刷新的方法onPullDownRefresh。虽然微信的官方文档有很多坑,但下拉刷新介
微信小程序scroll-view实现上拉加载与下拉刷新的实例实现效果图:如图,使用小程序的scroll-view实现的上拉加载数据,下拉刷新数据,试下代码如下: