Android ListView只加载当前屏幕内的图片(解决list滑动时加载卡顿)

最近在做ListView分页显示,其中包括图片 和文字(先下载解析文字内容,再异步加载图片)发现每次点击下一页后,文字内容加载完毕,马上向下滑动,由于这时后台在用线程池异步下载图片,我每页有20条,也就是20张图片,会导致listview滑动卡顿!

这是用户不想看到的,我参考了网易新闻和电子市场等应用,发现它们都是只加载屏幕内的图片,不现实的不加载,于是我也仿照做了一个。我是菜鸟,我承认 呵呵,虽然不见得完全和他们的一样,但是确实解决了翻页时那一刻的卡顿现象。

因为未发现网上有相关文章,希望对朋友们有用~

下面是相关代码(分页的就没放):

	/**
		 * list滚动监听
		 */
		listView.setOnScrollListener(new OnScrollListener() {
			@Override
			public void onScrollStateChanged(AbsListView view, int scrollState) {
				// TODO Auto-generated method stub
				// 异步加载图片
				if (scrollState == OnScrollListener.SCROLL_STATE_IDLE) {//list停止滚动时加载图片
					pageImgLoad(_start_index, _end_index);
				}
			}
			@Override
			public void onScroll(AbsListView view, int firstVisibleItem,
					int visibleItemCount, int totalItemCount) {
				// TODO Auto-generated method stub
				//设置当前屏幕显示的起始index和结束index
				_start_index = firstVisibleItem;
				_end_index = firstVisibleItem + visibleItemCount;
				if (_end_index >= totalItemCount) {
					_end_index = totalItemCount - 1;
				}
			}
		});

/**
	 * 只加载from start_index to end_index 的图片
	 * @param start_index
	 * @param end_index
	 */
	private void pageImgLoad(int start_index, int end_index) {
		for (; start_index < end_index; start_index++) {
			HashMap<String, Object> curr_item = adapter.getItem(start_index);
			if (curr_item.get(Constant.NEWS_ICON_URL) != null
					&& curr_item.get(Constant.NEWS_ICON) == null) {
				loadImage(curr_item);
			}
		}
	}

异步加载图片代码,这里我之前使用的是AsyncTask,但是继承AsyncTask后不能被执行多次,所以我改用了线程呼叫handler更新UI:

/**
	 * 异步加载图片
	 * @param curr_item
	 */
	private void loadImage(final HashMap<String, Object> curr_item) {
		executorService.submit(new Runnable() {
			public void run() {
				try {
					Drawable curr_icon = null;
					String icon_URL = (String) curr_item
							.get(Constant.NEWS_ICON_URL);
					String newsId = (String) curr_item.get(Constant.NEWS_ID);

					if (imageCache.containsKey(icon_URL)) {//软引用
						SoftReference<Drawable> softReference = imageCache
								.get(icon_URL);
						curr_icon = softReference.get();
						System.out.println("CASE USING SoftReference!!!!!!!!!!!!!!!!!!!!");
					}
					if (curr_icon == null) {
						HttpUtils hu = new HttpUtils();
						FileUtils fu = new FileUtils();
						if (hu.is_Intent(Home_Activity.this)) {
							fu.write2LocalFromIS(Home_Activity.this, newsId
									+ Constant.SAVE_NEWS_ICON_NAME
									+ Constant.SAVE_IMG_SUFFIX,
									hu.getISFromURL(icon_URL));
						}
						// 从本地加载图片 如果没网则直接加载本地图片
						curr_icon = fu.readDrawableFromLocal(
								Home_Activity.this, newsId
										+ Constant.SAVE_NEWS_ICON_NAME
										+ Constant.SAVE_IMG_SUFFIX);
						imageCache.put(icon_URL, new SoftReference<Drawable>(
								curr_icon));
					}
					curr_item.put(Constant.NEWS_ICON, curr_icon);
					// UI交给handler更新
					Message msg = _viewHandler.obtainMessage();
					msg.arg1 = Constant.MSG_LIST_IMG_OK;
					msg.sendToTarget();
				} catch (Exception e) {
					throw new RuntimeException(e);
				}
			}
		});
	}

@Override
    public void handleMessage(Message msg) {
        switch (msg.arg1) {
        case Constant.MSG_LIST_IMG_OK:
            // 更新UI
            adapter.notifyDataSetChanged();
            break;
        }
        super.handleMessage(msg);
    }
};  

上个图吧:

时间: 2024-12-31 10:00:13

Android ListView只加载当前屏幕内的图片(解决list滑动时加载卡顿)的相关文章

Android Listview滑动时不加载数据 停止时加载数据

本文实例为大家分享了Listview滑动时不加载数据 停止时加载数据的具体代码,供大家参考,具体内容如下 数据源配置(Adapter) package com.zhengsonglan.listview_loading.adapter; import android.content.Context; import android.view.LayoutInflater; import android.view.View; import android.view.ViewGroup; import

json解析,异步下载(listview仅滑动时加载)Demo总结

异步加载的练习demo 主要涉及知识点: 1.解析json格式数据,主要包括图片,文本 2.使用AsynTask异步方式从网络下载图片 3.BaseAdapter的"优雅"使用 4.使用Lru缓存算法 5.改进加载:仅在listview滑动停止后才加载可见项,滑动中不加载 具体代码可以参看http://download.csdn.net/detail/xsf50717/9169621 涉及到的知识点如上,这里做一个小结,仅对一些代码片段分析 1.异步加载 主要有俩个原因 [1]Andr

使用加载图片解决在Ajax数据加载中页面出现短暂空白的问题(推荐)_AJAX相关

在项目中用ajax异步获取数据后有时会因为数据问题或者网络问题,页面一直显示空白,现在用加载图片来过渡这种状态: <script> $(function(){ $.ajax({ url:'',//提供接口的文件地址链接 dataType:'json', type:'POST', beforeSend: function(){ $('#loading').html("<img src=\"images/loading.gif\" width=\"15

Android Listview滑动时不加载数据,停下来时加载数据,让App更优

转载:http://blog.csdn.net/yy1300326388/article/details/45153813 数据源配置(Adapter) package com.zhengsonglan.listview_loading.adapter; import android.content.Context; import android.view.LayoutInflater; import android.view.View; import android.view.ViewGrou

android listview 连续调用 getview调用getivew方法多次解决办法

此问题的讨论: http://bbs.csdn.net/topics/370257541 当我们在使用listview的时候.有时候自定义adapter的时候,是不是会发现在getview里打印日志的时候,重复调用很多次?有时候4次.有的严重甚至到10次,当我们在listview中移动的时候.每移动一列都会调用很多次,这样大大影响到效率!其实这和listview本身在android上的机制有关.下面我开始来介绍一下吧:       在布局,我们只有一个listview的时候.那好.我们把高设置成

android ListView中自定义SimpleAdapter动态添加ratingBar及图片更新

android中listView的实现有多种方式,但是当我们利用simpleAdapter实现listView的时候,SimpleAdapter并没有提供显示一个ratingBar的功能(即上面的星星用来评分的控件).要实现上面的功能,我们可以通过继承SimpleAdapter类重写其中一些方法来实现.下面即是此类的实现: package nate.android.Service; import java.util.List; import java.util.Map; import com.n

Android ListView实现上拉加载更多和下拉刷新功能_Android

本文实例为大家介绍了Android ListView下拉刷新功能的实现方法和功能,供大家参考,具体内容如下 1.ListView优化方式 界面缓存:ViewHolder+convertView分页加载:上拉刷新图片缓存快速滑动ListView禁止刷新 2.效果 3.上拉加载更多原理及实现 当我们手指滑动到listview最后位置的时候,我们触发加载数据的方法.这触发之前我们需要做一些工作,包括: 如何判断滑动到最后? 如何避免重复加载数据? 加载之后如何刷新界面? 1).界面实现AbsListV

Android ListView实现上拉加载更多和下拉刷新功能

本文实例为大家介绍了Android ListView下拉刷新功能的实现方法和功能,供大家参考,具体内容如下 1.ListView优化方式 界面缓存:ViewHolder+convertView 分页加载:上拉刷新 图片缓存 快速滑动ListView禁止刷新 2.效果 3.上拉加载更多原理及实现 当我们手指滑动到listview最后位置的时候,我们触发加载数据的方法.这触发之前我们需要做一些工作,包括: 如何判断滑动到最后? 如何避免重复加载数据? 加载之后如何刷新界面? 1).界面实现AbsLi

提升Android ListView性能的几个技巧

ListView如何运作的? ListView是设计应用于对可扩展性和高性能要求的地方.实际上,这就意味着ListView有以下2个要求: 尽可能少的创建View; 只是绘制和布局在屏幕上可见的子View. 理解第一点很简单:通过布局xml文件在创建View并显示是很昂贵耗时耗资源的操作.尽管布局文件已经编译打包成了二进制形式以便于更高效的语法解析,但是创建View仍然需要通过一个特殊的XML树,并实例化所有需要响应的View. ListView通过回收一些不可见的Views,通常在Androi