Android实现ListView异步加载图片的方法

本文实例讲述了Android实现ListView异步加载图片的方法。分享给大家供大家参考。具体如下:

ListView异步加载图片是非常实用的方法,凡是是要通过网络获取图片资源一般使用这种方法比较好,用户体验好,不用让用户等待下去,下面就说实现方法,先贴上主方法的代码:

package cn.wangmeng.test;
import java.io.IOException;
import java.io.InputStream;
import java.lang.ref.SoftReference;
import java.net.MalformedURLException;
import java.net.URL;
import java.util.HashMap;
import android.graphics.drawable.Drawable;
import android.os.Handler;
import android.os.Message;
public class AsyncImageLoader {
 private HashMap<String, SoftReference<Drawable>> imageCache;
 public AsyncImageLoader() {
  imageCache = new HashMap<String, SoftReference<Drawable>>();
  }
 public Drawable loadDrawable(final String imageUrl, final ImageCallback imageCallback) {
  if (imageCache.containsKey(imageUrl)) {
   SoftReference<Drawable> softReference = imageCache.get(imageUrl);
   Drawable drawable = softReference.get();
   if (drawable != null) {
   return drawable;
   }
  }
  final Handler handler = new Handler() {
   public void handleMessage(Message message) {
   imageCallback.imageLoaded((Drawable) message.obj, imageUrl);
   }
  };
  new Thread() {
   @Override
   public void run() {
   Drawable drawable = loadImageFromUrl(imageUrl);
   imageCache.put(imageUrl, new SoftReference<Drawable>(drawable));
   Message message = handler.obtainMessage(0, drawable);
   handler.sendMessage(message);
   }
  }.start();
  return null;
  }
 public static Drawable loadImageFromUrl(String url) {
  URL m;
  InputStream i = null;
  try {
  m = new URL(url);
  i = (InputStream) m.getContent();
  } catch (MalformedURLException e1) {
  e1.printStackTrace();
  } catch (IOException e) {
  e.printStackTrace();
  }
  Drawable d = Drawable.createFromStream(i, "src");
  return d;
 }
 public interface ImageCallback {
  public void imageLoaded(Drawable imageDrawable, String imageUrl);
  }
}

以上代码是实现异步获取图片的主方法,SoftReference是软引用,是为了更好的为了系统回收变量,重复的URL直接返回已有的资源,实现回调函数,让数据成功后,更新到UI线程。

几个辅助类文件:

package cn.wangmeng.test;
public class ImageAndText {
 private String imageUrl;
 private String text;
 public ImageAndText(String imageUrl, String text) {
  this.imageUrl = imageUrl;
  this.text = text;
 }
 public String getImageUrl() {
  return imageUrl;
 }
 public String getText() {
  return text;
 }
}
package cn.wangmeng.test;
import android.view.View;
import android.widget.ImageView;
import android.widget.TextView;
public class ViewCache {
 private View baseView;
 private TextView textView;
 private ImageView imageView;
 public ViewCache(View baseView) {
  this.baseView = baseView;
 }
 public TextView getTextView() {
  if (textView == null) {
  textView = (TextView) baseView.findViewById(R.id.text);
  }
  return textView;
 }
 public ImageView getImageView() {
  if (imageView == null) {
  imageView = (ImageView) baseView.findViewById(R.id.image);
  }
  return imageView;
 }
}

ViewCache是辅助获取adapter的子元素布局:

package cn.wangmeng.test;
import java.util.List;
import cn.wangmeng.test.AsyncImageLoader.ImageCallback;
import android.app.Activity;
import android.graphics.drawable.Drawable;
import android.view.LayoutInflater;
import android.view.View;
import android.view.ViewGroup;
import android.widget.ArrayAdapter;
import android.widget.ImageView;
import android.widget.ListView;
import android.widget.TextView;
public class ImageAndTextListAdapter extends ArrayAdapter<ImageAndText> {
 private ListView listView;
 private AsyncImageLoader asyncImageLoader;
 public ImageAndTextListAdapter(Activity activity, List<ImageAndText> imageAndTexts, ListView listView) {
  super(activity, 0, imageAndTexts);
  this.listView = listView;
  asyncImageLoader = new AsyncImageLoader();
 }
 public View getView(int position, View convertView, ViewGroup parent) {
  Activity activity = (Activity) getContext();
  // Inflate the views from XML
  View rowView = convertView;
  ViewCache viewCache;
  if (rowView == null) {
  LayoutInflater inflater = activity.getLayoutInflater();
  rowView = inflater.inflate(R.layout.image_and_text_row, null);
  viewCache = new ViewCache(rowView);
  rowView.setTag(viewCache);
  } else {
  viewCache = (ViewCache) rowView.getTag();
  }
  ImageAndText imageAndText = getItem(position);
  // Load the image and set it on the ImageView
  String imageUrl = imageAndText.getImageUrl();
  ImageView imageView = viewCache.getImageView();
  imageView.setTag(imageUrl);
  Drawable cachedImage = asyncImageLoader.loadDrawable(imageUrl, new ImageCallback() {
  public void imageLoaded(Drawable imageDrawable, String imageUrl) {
   ImageView imageViewByTag = (ImageView) listView.findViewWithTag(imageUrl);
   if (imageViewByTag != null) {
   imageViewByTag.setImageDrawable(imageDrawable);
   }
  }
  });
  if (cachedImage == null) {
  imageView.setImageResource(R.drawable.default_image);
  }else{
  imageView.setImageDrawable(cachedImage);
  }
  // Set the text on the TextView
  TextView textView = viewCache.getTextView();
  textView.setText(imageAndText.getText());
  return rowView;
 }
}

ImageAndTextListAdapter是实现ListView的Adapter,里面有个技巧就是imageView.setTag(imageUrl),setTag是存储数据的,这样是为了保证在回调函数时,listview去更新自己对应item,大家仔细阅读就知道了。

最后贴出布局文件:

<?xml version="1.0" encoding="utf-8"?>
<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
  android:orientation="horizontal"
  android:layout_width="fill_parent"
  android:layout_height="wrap_content">
 <ImageView android:id="@+id/image"
   android:layout_width="wrap_content"
   android:layout_height="wrap_content"
   />
 <TextView android:id="@+id/text"
   android:layout_width="wrap_content"
   android:layout_height="wrap_content"/>
</LinearLayout>

运行效果截图如下:

希望本文所述对大家的C#程序设计有所帮助。

(0)

相关推荐

  • Android中ListView异步加载图片错位、重复、闪烁问题分析及解决方案

    Android ListView异步加载图片错位.重复.闪烁分析以及解决方案,具体问题分析以及解决方案请看下文. 我们在使用ListView异步加载图片的时候,在快速滑动或者网络不好的情况下,会出现图片错位.重复.闪烁等问题,其实这些问题总结起来就是一个问题,我们需要对这些问题进行ListView的优化. 比如ListView上有100个Item,一屏只显示10个Item,我们知道getView()中convertView是用来复用View对象的,因为一个Item的对应一个View对象,而Ima

  • Android实现图片缓存与异步加载

    ImageManager2这个类具有异步从网络下载图片,从sd读取本地图片,内存缓存,硬盘缓存,图片使用动画渐现等功能,已经将其应用在包含大量图片的应用中一年多,没有出现oom. Android程序常常会内存溢出,网上也有很多解决方案,如软引用,手动调用recycle等等.但经过我们实践发现这些方案,都没能起到很好的效果,我们的应用依然会出现很多oom,尤其我们的应用包含大量的图片.android3.0之后软引用基本已经失效,因为虚拟机只要碰到软引用就回收,所以带不来任何性能的提升. 我这里的解

  • Android 异步加载图片分析总结

    研究了android从网络上异步加载图像,现总结如下: (1)由于android UI更新支持单一线程原则,所以从网络上取数据并更新到界面上,为了不阻塞主线程首先可能会想到以下方法. 在主线程中new 一个Handler对象,加载图像方法如下所示 复制代码 代码如下: private void loadImage(final String url, final int id) { handler.post(new Runnable() { public void run() { Drawable

  • Android中使用二级缓存、异步加载批量加载图片完整案例

    一.问题描述 Android应用中经常涉及从网络中加载大量图片,为提升加载速度和效率,减少网络流量都会采用二级缓存和异步加载机制,所谓二级缓存就是通过先从内存中获取.再从文件中获取,最后才会访问网络.内存缓存(一级)本质上是Map集合以key-value对的方式存储图片的url和Bitmap信息,由于内存缓存会造成堆内存泄露, 管理相对复杂一些,可采用第三方组件,对于有经验的可自己编写组件,而文件缓存比较简单通常自己封装一下即可.下面就通过案例看如何实现网络图片加载的优化. 二.案例介绍 案例新

  • Android App中实现图片异步加载的实例分享

    一.概述 一般大量图片的加载,比如GridView实现手机的相册功能,一般会用到LruCache,线程池,任务队列等:那么异步消息处理可以用哪呢? 1.用于UI线程当Bitmap加载完成后更新ImageView 2.在图片加载类初始化时,我们会在一个子线程中维护一个Loop实例,当然子线程中也就有了MessageQueue,Looper会一直在那loop停着等待消息的到达,当有消息到达时,从任务队列按照队列调度的方式(FIFO,LIFO等),取出一个任务放入线程池中进行处理. 简易的一个流程:当

  • Android 异步加载图片的实例代码

    异步加载图片的主要流程是进行判断缓存中是否存在图片,如果存在则直接返回,如果不存在则进行下载并进行缓存. 以下是建立一个异步下载类: 复制代码 代码如下: /** * User: Tom * Date: 13-5-13 * Time: 下午8:07 */public class AsnycImageLoader { //定义一个HashMap进行存放缓存的Image key为String Value为一个弱引用的一个资源文件    // 图片 为了方便JAVA的回收    private Map

  • Android实现Listview异步加载网络图片并动态更新的方法

    本文实例讲述了Android实现Listview异步加载网络图片并动态更新的方法.分享给大家供大家参考,具体如下: 应用实例:解析后台返回的数据,把每条都显示在ListView中,包括活动图片.店名.活动详情.地址.电话和距离等. 在布局文件中ListView的定义: <ListView android:id="@id/maplistview" android:background="@drawable/bg" android:layout_width=&qu

  • 在Android的应用中实现网络图片异步加载的方法

    前言 其实很幸运,入职一周之后就能跟着两个师兄做android开发,师兄都是大神,身为小白的我只能多多学习,多多努力.最近一段时间都忙的没机会总结,今天刚完成了android客户端图片异步加载的类,这里记录一下(ps:其实我这里都是参考网上开源实现) 原理 在ListView或者GridView中加载图片的原理基本都是一样的: 先从内存缓存中获取,取到则返回,取不到进行下一步     从文件缓存中获取,取到则返回并更新到内存缓存,取不到则进行进行下一步     从网络上下载图片,并更新内存缓存和

  • android异步加载图片并缓存到本地实现方法

    在android项目中访问网络图片是非常普遍性的事情,如果我们每次请求都要访问网络来获取图片,会非常耗费流量,而且图片占用内存空间也比较大,图片过多且不释放的话很容易造成内存溢出.针对上面遇到的两个问题,首先耗费流量我们可以将图片第一次加载上面缓存到本地,以后如果本地有就直接从本地加载.图片过多造成内存溢出,这个是最不容易解决的,要想一些好的缓存策略,比如大图片使用LRU缓存策略或懒加载缓存策略.今天首先介绍一下本地缓存图片. 首先看一下异步加载缓存本地代码: 复制代码 代码如下: public

  • Android实现异步加载图片

    麦洛开通博客以来,有一段时间没有更新博文了.主要是麦洛这段时间因项目开发实在太忙了.今天周六还在公司加班,苦逼程序猿都是这样生活的. 今天在做项目的时候,有一个实现异步加载图片的功能,虽然比较简单但还是记录一下吧.因为麦洛之前实现异步加载图片都是使用了AsynTask这个API,继续这个类,实现起来非常简单也很方便.在doInBackground()方法里实现下载逻辑.具体实现如下 实现逻辑是:先从内存中读取,如果内存中有这张图片,则直接使用;如果内存没有再到sdcard上读取,如果有则显示;如

随机推荐