纯Swift实现的PullToRefreshKit,支持完全自定义刷新界面和动画

分享到:  QQ好友和群QQ好友和群 QQ空间QQ空间 腾讯微博腾讯微博 腾讯朋友腾讯朋友 微信微信
查看查看137 回复回复1 收藏收藏 分享淘帖 转播转播 分享分享 微信
查看: 137|回复: 1
收起左侧

纯Swift实现的PullToRefreshKit,支持完全自定义刷新界面和动画

[复制链接]
SwiftRobot 发表于 2016-7-21 15:40:32 | 显示全部楼层 |阅读模式
快来登录
获取优质的苹果资讯内容
收藏热门的iOS等技术干货
拷贝下载Swift Demo源代码
订阅梳理好了的知识点专辑

纯Swift写的下拉刷新,上拉加载,支持完全自定义刷新界面和动画(An easy way to pull-to-refresh in Swift)

纯Swift实现的PullToRefreshKit,支持完全自定义刷新界面和动画 1

纯Swift实现的PullToRefreshKit,支持完全自定义刷新界面和动画 - 敏捷大拇指 - 纯Swift实现的PullToRefreshKit,支持完全自定义刷新界面和动画 1


支持一行代码实现下拉刷新:

[Swift] 纯文本查看 复制代码
self.tableView.setUpHeaderRefresh { [weak self] in
   delay(1.5, closure: { 
        self?.tableView.endHeaderRefreshing(.Success)
   })
}


这个库的设计初衷,是为了能够方便地实现自定义的下拉刷新,上拉加载等。比如,Demo中,我列举了用这个框架如何实现淘宝大众点评的下拉刷新。

纯Swift实现的PullToRefreshKit,支持完全自定义刷新界面和动画 2

纯Swift实现的PullToRefreshKit,支持完全自定义刷新界面和动画 - 敏捷大拇指 - 纯Swift实现的PullToRefreshKit,支持完全自定义刷新界面和动画 2


纯Swift实现的PullToRefreshKit,支持完全自定义刷新界面和动画 3

纯Swift实现的PullToRefreshKit,支持完全自定义刷新界面和动画 - 敏捷大拇指 - 纯Swift实现的PullToRefreshKit,支持完全自定义刷新界面和动画 3





1、要求

  • iOS 8
  • Swift 2


支持

  • UITableView
  • UICollectionView
  • UIScrollView
  • UIWebView(TODO)





2、安装

推荐使用CocoaPod安装

[Bash shell] 纯文本查看 复制代码
pod "PullToRefreshKit"





3、使用

对于默认效果的,你只需要一行代码即可。



3.1、下拉刷新

[Swift] 纯文本查看 复制代码
 self.tableView.setUpHeaderRefresh { [weak self] in
    delay(1.5, closure: { 
         self?.tableView.endHeaderRefreshing(.Success)
    })
 }


纯Swift实现的PullToRefreshKit,支持完全自定义刷新界面和动画 4

纯Swift实现的PullToRefreshKit,支持完全自定义刷新界面和动画 - 敏捷大拇指 - 纯Swift实现的PullToRefreshKit,支持完全自定义刷新界面和动画 4




3.2、上拉加载

[Swift] 纯文本查看 复制代码
 self.tableView.setUpFooterRefresh {  [weak self] in
     delay(1.5, closure: {
         self?.tableView.endFooterRefreshing()
     })
 }


纯Swift实现的PullToRefreshKit,支持完全自定义刷新界面和动画 5

纯Swift实现的PullToRefreshKit,支持完全自定义刷新界面和动画 - 敏捷大拇指 - 纯Swift实现的PullToRefreshKit,支持完全自定义刷新界面和动画 5




3.3、左拉退出当前界面

[Swift] 纯文本查看 复制代码
 scrollView.setUpLeftRefresh { [weak self] in
     self?.navigationController?.popViewControllerAnimated(true)
 }


纯Swift实现的PullToRefreshKit,支持完全自定义刷新界面和动画 6

纯Swift实现的PullToRefreshKit,支持完全自定义刷新界面和动画 - 敏捷大拇指 - 纯Swift实现的PullToRefreshKit,支持完全自定义刷新界面和动画 6




3.4、右拉进入下一个界面

[Swift] 纯文本查看 复制代码
 scrollView.setUpRightRefresh { [weak self] in
     let nvc = DefaultBannerController()
     self?.navigationController?.pushViewController(nvc, animated: true)
 }


纯Swift实现的PullToRefreshKit,支持完全自定义刷新界面和动画 7

纯Swift实现的PullToRefreshKit,支持完全自定义刷新界面和动画 - 敏捷大拇指 - 纯Swift实现的PullToRefreshKit,支持完全自定义刷新界面和动画 7




3.5、配置默认的属性

PullToRefershKit提供操作符SetUp来实现配置,例如,配置默认header:

[Swift] 纯文本查看 复制代码
self.tableView.setUpHeaderRefresh { [weak self] in
    delay(1.5, closure: {
        self?.tableView.endHeaderRefreshing(.Success)
    })
}.SetUp { (header) in
    header.setText("Pull to refresh", mode: .pullToRefresh)
    header.setText("Release to refresh", mode: .releaseToRefresh)
    header.setText("Success", mode: .refreshSuccess)
    header.setText("Refreshing...", mode: .refreshing)
    header.setText("Failed", mode: .refreshFailure)
    header.setText("Error", mode: .refreshError)
    header.textLabel.textColor = UIColor.orangeColor()
    header.imageView.image = nil
}




3.6、自定义刷新界面

对于自定义界面,你唯一要做的就是写一个UIView的子类,然后实现以下协议中的一个

  • RefreshableHeader 自定义下拉刷新要实现的协议
  • RefreshableFooter 自定义上拉加载要实现的协议
  • RefreshableLeftRight 自定义左右滑动要实现的协议


例如,Demo工程TaoBaoRefreshHeader.swift中实现了淘宝App的下拉刷新例子。

你只需要根据协议提供的回调来更新Header的状态。

这个协议提供的方法如下:

[Swift] 纯文本查看 复制代码
//触发刷新的距离,对于header/footer来讲,就是视图的高度;对于left/right来讲,就是视图的宽度
func distanceToRefresh()->CGFloat

//百分比回调,在这里你根据百分比来动态的调整你的刷新视图
func percentUpdateWhenNotRefreshing(percent:CGFloat)

//松手就会刷新的回调,在这个回调里,将视图切换到动画的状态
func releaseWithRefreshingState()

//刷新结束,将要进行隐藏的动画,一般在这里告诉用户刷新的结果
func didBeginEndRefershingAnimation(result:RefreshResult)

//刷新结束,隐藏的动画结束,一般在这里把视图隐藏,各个参数恢复到最初状态
func didCompleteEndRefershingAnimation(result:RefreshResult)





4、已知问题

如果下拉刷新不显示图片,选择PullToRefreshKit的三张图,然后,勾选target:

纯Swift实现的PullToRefreshKit,支持完全自定义刷新界面和动画 8

纯Swift实现的PullToRefreshKit,支持完全自定义刷新界面和动画 - 敏捷大拇指 - 纯Swift实现的PullToRefreshKit,支持完全自定义刷新界面和动画 8





5、作者 Author

Leo, leomobiledeveloper@gmail.com

Github: http://github.com/LeoMobileDeveloper/PullToRefreshKit




6、License

PullToRefreshKit is available under the MIT license. See the LICENSE file for more info.




7、Thanks

感谢SVPullToRefreshMJRefresh,让我少走了很多弯路。


都看到这里了,就把这篇资料推荐给您的好朋友吧,让他们也感受一下。

回帖是一种美德,也是对楼主发帖的尊重和支持。

*声明:敏捷大拇指是全球最大的Swift开发者社区、苹果粉丝家园、智能移动门户,所载内容仅限于传递更多最新信息,并不意味赞同其观点或证实其描述;内容仅供参考,并非绝对正确的建议。本站不对上述信息的真实性、合法性、完整性做出保证;转载请注明来源并加上本站链接,敏捷大拇指将保留所有法律权益。如有疑问或建议,邮件至marketing@swifthumb.com

*联系:微信公众平台:“swifthumb” / 腾讯微博:@swifthumb / 新浪微博:@swifthumb / 官方QQ一群:343549891(满) / 官方QQ二群:245285613 ,需要报上用户名才会被同意进群,请先注册敏捷大拇指

嗯,不错!期待更多好内容,支持一把:
支持敏捷大拇指,用支付宝支付10.24元 支持敏捷大拇指,用微信支付10.24元

评分

参与人数 1金钱 +10 贡献 +10 专家分 +10 收起 理由
Anewczs + 10 + 10 + 10 32个赞!专家给力!

查看全部评分

小开开 发表于 2016-7-22 15:42:08 | 显示全部楼层
不错哟~~
您需要登录后才可以回帖 登录 | 立即注册

本版积分规则

做任务,领红包。
我要发帖

分享扩散

都看到这里了,就把这资料推荐给您的好朋友吧,让他们也感受一下。
您的每一位朋友访问此永久链接后,您都将获得相应的金钱积分奖励
关闭

站长推荐 上一条 /3 下一条

热门推荐

合作伙伴

Swift小苹果

  • 北京治世天下科技有限公司
  • ©2014-2016 敏捷大拇指
  • 京ICP备14029482号
  • Powered by Discuz! X3.1 Licensed
  • swifthumb Wechat Code
  •   
快速回复 返回顶部 返回列表