上拉加载下拉刷新了解下

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

image

我们依旧从界面及逻辑两块进行分析

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

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

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

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

image

监听事件,这块简单,直接贴代码
位置计算 我们分下拉刷新,上拉加载两块计算,分析可得

下拉刷新的逻辑 = 当前页面的首项在屏幕中且容器向下滑动的距离大于一定值
上拉加载的逻辑 = 当前页面已滑动到底部
好,我们直接看具体的实现逻辑代码

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

image

我就是效果图

image

这是我的github,欢迎大佬们猛戳,不定时更新

评论 ( 0 )
最新评论
暂无评论

赶紧努力消灭 0 回复