上拉加载下拉刷新了解下

老样子,我们先,哦不,今天我们直接上思路,没有效果图,真的没有

我们依旧从界面及逻辑两块进行分析
  1. 界面上,只分成简单的两块,一块是上方的刷新文字,一块是下方的内容,然后将上方提示内容隐藏在屏幕之外,一般由两种方式,一种是上面遮一层,另一种是marginTop:负值将其弄出屏幕外,这里我采用的是第一种,代码也很简单,就随便贴一下。

2. 功能实现的重头戏是在逻辑上,主要分成下面几个部分

  • 监听事件
  • 位置计算
  • 控制界面变化
  • 数据更新包

我一个一个进行分析,然后带你们入坑。

监听事件,这块简单,直接贴代码

位置计算 我们分下拉刷新,上拉加载两块计算,分析可得

下拉刷新的逻辑 = 当前页面的首项在屏幕中且容器向下滑动的距离大于一定值

上拉加载的逻辑 = 当前页面已滑动到底部

好,我们直接看具体的实现逻辑代码

核心代码就这些了,撒花完结,优化什么的,你们自己看着来咯,大佬别打我,效果图来了嘛

我就是效果图

1 1 收藏 评论

相关文章

可能感兴趣的话题



直接登录
跳到底部
返回顶部