上拉刷新,与下拉加载设计思路

2017-06-05  本文已影响263人  天亮前被寻找的一只猫

数据加载中 需要注意的点:  page页码.

首先要明确一点的是,  我们不管是 上拉刷新 还是下拉加载,需要请求的接口是同一个的, 而返回的数据 是根据页码确定的. 也就是说, 前后端会商量好定义一个规范,比如每页加载10条数据...

一般没做过该功能的童鞋,肯定会纠结到 上拉加载 更多 数据的追加添加问题, 以及 页码 的控制问题,下拉刷新后 数据的更新 问题 以及 页码 的控制问题 等等 ....这时候 你如果没捋顺,没有思路,那么你会陷入到逻辑深渊中.......

具体思路:

      1.只要上拉, 触发 上拉加载的方法,就让page页+1;  然后调用接口 将页码传过去,拿到数据 追加到 数组中,刷新数据

      2.只要下拉刷新,就让 让 page=1, 请求接口将page传递到后台,拿到数据后,首先将之前存储数据的数组清空,清空,清空,然后再把数据添加带该数组中,刷新数据.   

(这时候只显示第一页的10条数据, 就算之前你已经下拉了好多次 存储了好几十条数据,这时候已经被清空了)

我说的可能比较简洁明了, 但是 当你理解了这两步骤后,你再去看你上面的疑虑, 会发现 那些问题就已经不存在的. 

不管是 安卓,Ios 还是前端, 这样的思路是通用的, 而只知道去copy代码,你不理解的话,那么出了问题 你都不知道怎么去改,甚至后台出的问题,你都发现不了,或者没有底气去指出错误.......

上一篇下一篇

猜你喜欢

热点阅读