美文网首页
上拉刷新,与下拉加载设计思路

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

作者: 天亮前被寻找的一只猫 | 来源:发表于2017-06-05 16:01 被阅读263次

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

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

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

    具体思路:

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

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

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

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

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

    相关文章

      网友评论

          本文标题:上拉刷新,与下拉加载设计思路

          本文链接:https://www.haomeiwen.com/subject/wenifxtx.html