十分钟搭建主流框架:下拉/上拉刷新数据

  • 本节主题(网络部分-下拉/上拉刷新)
  • 源码地址在文章末尾

前言

经过十分钟搭建主流框架_简单的网络部分(OC)的介绍,相信你已经实现了基本的联网获取数据,但只是粗糙的获取了固定的数据,下面就让我们来实现下拉刷新和上拉加载更多吧。同样,我们先来做准备工作吧。

准备工作

Github寻找优秀的第三方刷新框架

1.前人种树,后人乘凉。有优秀的第三方框架可以使用,当然是极好的,可以大大提高我们的开发效率,如有特殊需求只能自己手写就除外了


2.查阅第三方框架的README文件(读者自行阅读)
3.使用cocoapods集成到自己的项目中

刷新的基本实现思路

下拉刷新

0.由于本文只关注功能的实现,先撇开原理,我们可以把刷新理解为从服务器加载最新的数据。
1.在viewDidLoad初始化下拉刷新控件,并绑定下拉刷新(请求网络数据)的方法,当触发下拉刷新,便会调用loadData方法。self.tableView.header = [MJRefreshNormalHeader headerWithRefreshingTarget:self refreshingAction:@selector(loadData)];
2.在loadData内实现请求网络数据(详见《十分钟搭建主流框架_简单的网络部分(OC)》)。
3.请求成功,停止刷新控件[weakSelf.tableView.header endRefreshing];
4.请求失败,停止刷新控件[weakSelf.tableView.header endRefreshing];

上拉加载更多

0.由于我们的实现是MVC模式,可以简单理解为:修改了模型的数据,View的界面展示也会随之变化。
1.定义‘页码’属性(用于加载下一页所要传递的参数)@property (nonatomic,assign) NSInteger pn;
2.初始化上拉刷新控件,并绑定上拉加载更多方法,当触发上拉加载事件,便会调用loadMoreData方法。self.tableView.footer = [MJRefreshAutoNormalFooter footerWithRefreshingTarget:self refreshingAction:@selector(loadMoreData)];
3.在loadMoreData内实现加载更多数据的基本逻辑
(1)请求参数发生变化,加上params[@”pn”] = @(self.pn);
(2)在请求成功的block内增加‘页码’weakSelf.pn ++;
(3)在请求成功的block内使用新的模型数组接收数据NSArray *array = [CYXMenu objectArrayWithKeyValuesArray:responseObject[@”result”]];并拼接到原数组的尾部 [weakSelf.menus addObjectsFromArray:array];
(4)刷新表格[weakSelf.tableView reloadData];
(5)停止刷新控件[weakSelf.tableView.footer endRefreshing];

详细实现步骤 上代码

(一)下拉

在setupTable内初始化头部刷新控件

 

实现loadData方法

 

 

(二)上拉

在setupTable内初始化上拉刷新控件

 

实现loadMoreData方法

 

 

到这里已经简单实现了下拉与上拉刷新的功能,下次再讨论更多的其他功能吧 ^_^
附:源码github地址

1 1 收藏 1 评论

可能感兴趣的话题



直接登录
最新评论
跳到底部
返回顶部