ListView、PullToRefreshListView滑动加载可见item
最近用的了PullToRefreshListView框架,也在listView中加载图片,对于滑动加载可见item,网上找了一些相关文档,但都不太合适,如:http://blog.csdn.net/zhouzme/article/details/19298337?utm_source=tuicool&utm_medium=referral 不过,大体思路总算清晰了,也就是对于listView做滑动事件监听,关键获取到当前可见item的index序号,从first->last,如有不对的,请大家指导下:
关键代码如下:
listView.setOnScrollListener(new OnScrollListener() { @Override
public void onScrollStateChanged(AbsListView view, int scrollState) {
// TODO Auto-generated method stub
switch (scrollState) {
case AbsListView.OnScrollListener.SCROLL_STATE_TOUCH_SCROLL:
// Log.i("fm3", "OnScrollListener : SCROLL_STATE_TOUCH_SCROLL");
adapter.setIsScrolling(true);
break;
case AbsListView.OnScrollListener.SCROLL_STATE_FLING:
// Log.i("fm3", "OnScrollListener : SCROLL_STATE_FLING");
adapter.setIsScrolling(true);
case AbsListView.OnScrollListener.SCROLL_STATE_IDLE:
//第一个可见item的position
int first = listView.getRefreshableView().getFirstVisiblePosition();
//最后一个可见item的position
int last = listView.getRefreshableView().getLastVisiblePosition();
//屏幕可见item的总数
int onScreenCount = listView.getRefreshableView().getChildCount();
adapter.setIsScrolling(false);
adapter.setPositionRange(first, last,onScreenCount);
adapter.notifyDataSetChanged();
break;
default:
break;
}
} @Override
public void onScroll(AbsListView view, int firstVisibleItem,
int visibleItemCount, int totalItemCount) {
// TODO Auto-generated method stub
}
});
adapter代码如下:
private boolean isScrolling = false;
private int mFirstPosition = 0;
private int mLastPosition = 0;
private int onScreenCount = 0; //屏幕每次可见item个数
private List<Integer> listPosition = new ArrayList<Integer>();
public void setIsScrolling(boolean flag) {
this.isScrolling = flag;
}
/**
* 设置滑动到item记录
* @param first
* @param last
* @param onScreenCount
*/
public void setPositionRange(int first,int last,int onScreenCount) {
this.mFirstPosition = first;
this.mLastPosition = last;
this.onScreenCount = onScreenCount;
for(int i=0;i<= onScreenCount;i++) {
int currentIndex = first + i; //从第一个可见的item--》最后可见的item
if(currentIndex > last) {
return;
}else { //对于滑动到的item进行记录
if(!listPosition.contains(currentIndex)) {
listPosition.add(currentIndex);
Log.i("fm3","添加可见item记录:"+currentIndex);
}
}
}
}
然后还有关键的getView方法:
//初始化时自动加载
if(this.mLastPosition == 0 || listPosition.contains(position)) {
this.setVisableImg(position, data, holder.imgIco);
}
也就是关键维护一个记录可见item的ArrayList,如果出现过了,那么滑动到该item才加载。
而对于图片请求网络部分,使用最常用的universal-image-loader框架,可以结合本地缓存、内存缓存,提供图片加载的效率。
还有要注意的一点,快速滑动的时候,如一下子从第一张图片滑动到第七张图片,可能第一张图片还没加载出来,这时候第七张图片已经加载出来了,但是还是因为convertView缓存的原因,会先加载第七张图片,再加载第一张,从而导致图片错位了。
改善办法应该是给ImageView设置Tag:
public void setVisableImg(int position, List<DiscoverModel> data,
ImageView imageView) {
String ico = ConfigureUtils.pic_url + data.get(position).getIco_url();
imageView.setTag(ico); //这句话为了解决convertView被重用时,图片预设问题
imageView.setImageResource(R.drawable.img_cityhunter_review);
if(imageView.getTag().equals(ico)) {
// SetImageUtils.setImageRound(ico, context.getResources().getDrawable(R.drawable.img_cityhunter_review), imageView, context);
SetImageUtils.setImage(ico, imageView, context);
}
}
ListView、PullToRefreshListView滑动加载可见item的更多相关文章
- ListView 上拉加载更多
ListView 上拉加载更多 首先来个效果图 界面布局 <?xml version="1.0" encoding="utf-8"?> <Re ...
- ListView实现分页加载(一)制作Demo
一.什么是分页加载 在下面的文章中,我们来讲解LitView分页加载的实现.什么是分页加载呢?我们先看几张效果图吧,如下: ...
- 转: listview异步图片加载之优化篇(android)
Listview异步加载之优化篇 关于listview的异步加载,网上其实很多示例了,总体思想差不多,不过很多版本或是有bug,或是有性能问题有待优化.有鉴于此,本人在网上找了个相对理想的版本并在此基 ...
- ListView用法及加载数据时的闪烁问题和加载数据过慢问题
ListView介绍及添加数据时的闪烁问题 1. ListView类 1.1 ListView常用的基本属性: (1)FullRowSelect:设置是否行选择模式.(默认为false) 提示 ...
- Android基本控件之listView(三)<用ListView实现分页加载>
我们之前讨论了ListView的基本使用方法和ListView的优化 今天我们再来讨论一个关于ListView的一个新的东西~就是分页加载.那么什么是分页加载呢?简单点说,就是"下拉刷新&q ...
- Android ListView避免多线程加载一个同一资源
当我们的ListView中的Item包含图片,而且这些图片是同一资源,我们用多线程去加载图片,这时候可能就发生了这种情况. 比如线程是人,第一个人去做加载图片到缓存的工作,还没做好时第二个人要这同一张 ...
- XE7 & FMX 那些年我们一起上过的控件:ListView 之 (3) 加载数据时如何显示自定义样式
本文介绍一下ListView下如何加载数据.及使用进度条反馈当前进度给用户. 注意: 原创作品,请尊重作者劳动成果,转载请注明出处!!!原文永久固定地址:http://www.cnblogs.com/ ...
- 如何在vue中监听scroll,从而实现滑动加载更多
首先需要明确3个定义: 文档高度:整个页面的高度 可视窗口高度:你看到的浏览器可视屏幕高度 滚动条滚动高度: 滚动条下滑过的高度 当 文档高度 = 可视窗口高度 + 滚动条高度 时,滚动条正好到底. ...
- Flutter 开发从 0 到 1(四)ListView 下拉加载和加载更多
在<APP 开发从 0 到 1(三)布局与 ListView>我们完成了 ListView,这篇文章将做 ListView 下拉加载和加载更多. ListView 下拉加载 Flutter ...
随机推荐
- linux 下部署 kafka
参考文章 http://www.cnblogs.com/sunxucool/p/4459020.html http://www.cnblogs.com/oftenlin/p/4047504.html ...
- Cobar-Client 实现策略总结
1. 数据源 DataSource CobarClient 的 DataSource 分为三层 ICobarDataSourceService: 封装了多个 DataSourceDescriptor, ...
- hdu 5818 (优先队列) Joint Stacks
题目:这里 题意: 两个类似于栈的列表,栈a和栈b,n个操作,push a x表示把数x放进a栈的栈底,pop b 表示将栈b的栈顶元素取出输出,并释放这个栈顶元素,merge a b表示把后面的那个 ...
- div mouseenter 事件在IE下无效
解决方法是在div style上加个背景色: background: rgba(0, 0, 0, 0);filter:alpha(opacity=0); background: rgba(0, 0, ...
- 彻底卸载sublime txt
最近彻底重装系统之后,安装sublime txt3, 自己设置了一些,总是觉得不是很对劲,想重新安装. 结果每次安装之后,总是有一些配置文件和卸载之前的是一样的,重复几次总是如此,于是网上搜资料,怎么 ...
- AngularJs 返回上一页
html <script src="lib/angular/angular-1.4.9/angular.js"></script> <script s ...
- [JS]应用splice删除多元素时出现的坑
------------------------------------------------------------------------------------- 先看一个片段: var fr ...
- memcached 基本操作
保存数据 向memcached保存数据的方法有 add replace set 它们的使用方法都相同: my $add = $memcached->add( '键', '值', '期限' );m ...
- (2016春) 作业1:博客和Github简单练习
0. 博客和Github简单练习 总分:10分 1. 目的 博客使用:注册.发布博客.博客管理练习 Github使用:注册.文件同步等练习 2. 要求 (总体作业要求参考[链接]) 发布一篇博客: 介 ...
- 拓扑排序 +Floyd(poj 1094)
题目:Sorting It All Out 题意:字母表前n个字母,有m组他们中的大小关系,判断n个字母是否构成唯一序列: 1.Sorted sequence determined after xxx ...