下拉加载更多

简介: <br><p style="line-height:30px; text-indent:2em; text-align:left">前言:由于项目需要,经理喊我做一个瀑布流的视图,在网上找了几个目前主流的几个瀑布流解决方案。最后分别研究了各自的解决方案,我选择了StageredGridView。大家可以在github上找到。但是最后我发现用StageredGridView来实现下拉刷新、上

前言:由于项目需要,经理喊我做一个瀑布流的视图,在网上找了几个目前主流的几个瀑布流解决方案。最后分别研究了各自的解决方案,我选择了StageredGridView。大家可以在github上找到。但是最后我发现用StageredGridView来实现下拉刷新、上拉加载更多很不方便,并且StageredGridView在很多功能上还不完善。思前想后,几经周折我还是在StageredGridView上找到了突破口。

目标:由于下拉刷新、上拉加载更多,网上已经于很多的相关解决方案,我研究了这些解决方案,发现一个共同点,都是在ListView、GridView、ScrollView上做的处理。包括目前github上有个项目叫PullToRefresh的,可以直接使用在ListView、GridView、ScrollView,在StageredGridView上就不适用了。想了一下,如果能做一个这样的控件,任意View(如:LinearLayout,)放在其中,都能很方便的实现此功能,那该多好啊。故我想了一套解决方案,希望大家一起来探讨,指教。

方案:在一个RelativeLayout中,先放上5个布局(当然可以是任意的,我选择的是LinearLayout)。如下图所示:


在这样的方案下,我分别测试了StageredGridView,SrcollView。都可以达到预期效果,由于项目紧就没有过多的测试其他视图,这也是我拿出来讨论的目的,希望大家一起来完善。

实例效果:下面是我测试StageredGridView的效果图。

初始化界面


下拉过程中

提示可以更新

更新中

提示上拉加载

释放加载更多

加载中

还可以左拖

也可以右拖

源码:resource.rar(4.39 MB, 下载次数: 176)

结言:不是为了解决问题而解决问题,希望大家能帮我完善此功能。方便以后项目开发。

目录
相关文章
|
8月前
|
JavaScript
使用原生js实现上拉加载,下拉刷新
使用原生js实现上拉加载,下拉刷新
121 0
|
8月前
uniapp遮罩层穿透问题,uview遮罩层组件,uview的actionSheet组件.鼠标穿透,uview组件u-popup遮罩滚动穿透问题
uniapp遮罩层穿透问题,uview遮罩层组件,uview的actionSheet组件.鼠标穿透,uview组件u-popup遮罩滚动穿透问题
185 0
|
移动开发 前端开发 JavaScript
antd popover定位不准闪跳解决+自己实现popover库
我在写H5-dooring时,发现我们用的popover会发生闪跳,而且第一次闪跳就算了,每次还会有另一个方向的闪跳。 于是我大概百度了下,基本都说需要给固定宽高即可,让后试了下发现没用,就算触发组件和弹窗元素都给了宽高,也一样闪跳。由于antd的popover底层的实现是套其他第三方的库,第三方库又用到了其他的前端组件, 所以锁心自己实现一个。
996 0
|
3月前
|
JavaScript
原生js如何实现上拉加载下拉刷新?
原生js如何实现上拉加载下拉刷新?
14 0
|
9月前
|
小程序
小程序-uniApp:区域滚动、下拉刷新、上拉加载更多
小程序-uniApp:区域滚动、下拉刷新、上拉加载更多
469 0
|
Android开发
安卓使用RecycleView+SmartRefreshLayout+CommonAdapter实现最简单上拉刷新,下拉加载
安卓使用RecycleView+SmartRefreshLayout+CommonAdapter实现最简单上拉刷新,下拉加载
240 0
安卓使用RecycleView+SmartRefreshLayout+CommonAdapter实现最简单上拉刷新,下拉加载
|
JavaScript
每日一题:如何实现上拉加载,下拉刷新?
每日一题:如何实现上拉加载,下拉刷新?
252 0
每日一题:如何实现上拉加载,下拉刷新?
|
JavaScript
原生js实现上滑加载,下拉刷新
这是手机端常见的一个功能,可能很多人都是用框架或者插件实现。 这里,我试着用原生js实现。 这样能更明白原理与底层实现
234 0
原生js实现上滑加载,下拉刷新
|
Java Android开发 容器
我们经常用的Loading动画居然还有这种姿势
深度解耦 Android App 中全局加载中、加载失败及空数据视图。 分离全局加载状态视图的实现和使用。 不需要在每个页面的布局文件中额外添加加载状态视图。 可用于 Activity,也可用于为某个 View 显示加载状态,还可用于各种通过列表 Item ( ListView、RecyclerView 等)。
4370 0

热门文章

最新文章