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 ...
随机推荐
- MVC5+EF6 简易版CMS(非接口) 第一章:新建项目
目录 简易版CMS后台管理系统开发流程 MVC5+EF6 简易版CMS(非接口) 第一章:新建项目 MVC5+EF6 简易版CMS(非接口) 第二章:建数据模型 MVC5+EF6 简易版CMS(非接口 ...
- 验证码(网页的某些图片)在ie 360不显示,在火狐下显示正常
解决办法: 开始->运行,在运行输入框中输入“regsvr32 c:\windows\system32\pngfilt.dll”(不包含双引号),然后点击确定,如果在出现“已加载c:\windo ...
- mybatis 打印sql 语句
拦截器 package com.cares.asis.mybatis.interceptor; import java.text.DateFormat; import java.util.Date; ...
- 【html】:禁止鼠标事件
<body oncontextmenu="return false" onselectstart="return false" ondragstart=& ...
- Masonry 轻量级布局框架的使用
iOS 提供了自动布局的方法,但是原生的方法使用太过麻烦 ,Masonry 框架提供了类似的方法,同样可以实现自动布局 ,代码更加直观,而且容易理解. Masonry 是一个轻量级的布局框架.拥有自己 ...
- centos下安装iftop
CentOS 下iftop 的安装 安装方法一:编译安装(安装成功) wget http://ex-parrot.com/~pdw/iftop/download/iftop-0.17pre3.tar. ...
- 10. Software, Software Engineering, water fall (瀑布模型),Code Complete等名词的来源
①.Software-软件”一词是20世纪60年代才出现的,软件Software——1958年由贝尔实验室的著名统计学家John Tukey 提出软件与硬件一起构成完整的计算机系统,它们是相互依存,缺 ...
- Sudoku Solver Backtracking
该博客好好分析 Write a program to solve a Sudoku puzzle by filling the empty cells. Empty cells are indicat ...
- (转)EntityFrameword “Reverse Engineer Code First” 连接 MySql
转自:http://stackoverflow.com/questions/19676624/error-trying-to-reverse-engineer-code-first-mysql-dat ...
- [转]oracle审计详解
http://blog.chinaunix.net/u2/66903/showart_2082884.html Oracle使用大量不同的审计方法来监控使用何种权限,以及访问哪些对象.审计不会防止使用 ...