下拉加载更多

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

前言:由于项目需要,经理喊我做一个瀑布流的视图,在网上找了几个目前主流的几个瀑布流解决方案。最后分别研究了各自的解决方案,我选择了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)

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

目录
相关文章
|
1月前
简单瀑布流
简单瀑布流
23 0
|
5月前
|
安全 JavaScript
旋转木马轮播图 html+css+js
旋转木马轮播图 html+css+js
|
Android开发
安卓使用RecycleView+SmartRefreshLayout+CommonAdapter实现最简单上拉刷新,下拉加载
安卓使用RecycleView+SmartRefreshLayout+CommonAdapter实现最简单上拉刷新,下拉加载
312 0
安卓使用RecycleView+SmartRefreshLayout+CommonAdapter实现最简单上拉刷新,下拉加载
|
JavaScript
每日一题:如何实现上拉加载,下拉刷新?
每日一题:如何实现上拉加载,下拉刷新?
282 0
每日一题:如何实现上拉加载,下拉刷新?
|
JavaScript
原生js实现上滑加载,下拉刷新
这是手机端常见的一个功能,可能很多人都是用框架或者插件实现。 这里,我试着用原生js实现。 这样能更明白原理与底层实现
287 0
原生js实现上滑加载,下拉刷新
|
搜索推荐 UED
使用 fluro 的转场动画提高页面切换体验
fluro 提供了滑入、渐现、全屏对话框、原生等多种转场动画形式,同时还支持自定义转场动画。借助转场动画可以提高用户体验。
274 0
使用 fluro 的转场动画提高页面切换体验
|
数据安全/隐私保护
瀑布流的实现
瀑布流的实现
185 0
瀑布流的实现
|
前端开发 JavaScript API
刮刮卡效果实现
公司国庆搞了个集卡、抽奖小活动。抽奖需要刮刮卡的效果,感觉 css 是实现不了。看我使用 canvas 如何实现刮刮卡效果。 废话不多说,线上效果 jsrun-测试地址 、 lilnong.top-测试地址
154 0
|
Android开发
Android图片选择器,仿微信的图片选择器的样式和效果。支持图片预览和图片切换
Android图片选择器,仿微信的图片选择器的样式和效果。支持图片的单选、限数量的多选和不限数量的多选。支持图片预览和图片文件夹的切换。支持图片单选并剪裁。 先上效果图: 1、引入依赖 在Project的build.gradle在添加以下代码 allprojects { repositories { ... maven { url 'https://jitpack.io' } // 如果你使用的是1.4.0或更早的版本,这句可以不用。
6036 0
|
数据库
ListView结合xutils3仿微信实现下拉加载更多
前言:最近涉及到和QQ打交道,定义所有的好友一共只能有300条消息,如果一次性从数据库读取300条或者更多,界面会有细微的卡顿.所以考虑了下分页,第一次进来只显示20条(仿微信),当用户滑到第一条后,如果数据库有消息,则再加载20条.
1079 0