Android新浪微博client（七）——ListView图片异步加载、高速缓存

原文出自：方杰|

p=193" style="color:rgb(202,0,0); text-decoration:none; font-size:14px; font-family:Georgia,‘Times New Roman‘,‘Bitstream Charter‘,Times,serif; line-height:21px">http://fangjie.sinaapp.com/?p=193转载请注明出处

终于效果演示：

page_id=54" href="http://fangjie.sinaapp.com/?

page_id=54">http://fangjie.sinaapp.com/?page_id=54

该项目代码已经放到github：https://github.com/JayFang1993/SinaWeibo

一.ListView的图片异步载入

我们都知道对每个Weibo Item都实用户头像，并且每一条微博还可能带有图片。假设在载入列表的同一时候载入图片。这样有几个缺点，第一非常费事，界面卡住，用户体验非常不好，第二Android在主线程中不能有网络操作，所以本身实现起来就非常麻烦。所以我们才实现一个图片异步载入类。继承自AsyncTask<String, Void, Bitmap>，重载当中的方法。

doInBackground才是真正的异步操作。做一些耗时的任务，这里就是去server上下载图片，onPostExecute是在doInBackground结束后调用的。并传入doInBackground的返回值。

    public AsyncImageLoader(ImageView image, LruCache<String, Bitmap> lruCache,int width,int height) {
        super();
        this.image = image;
        this.lruCache = lruCache;
        this.width=width;
        this.height=width;
    }  

    @Override
    protected Bitmap doInBackground(String... params) {
        Bitmap bitmap = null;
        bitmap = GetUserInfo.getBitmap(params[0]);
        if(width!=0&height!=0)
        	bitmap=GetUserInfo.scaleImg(bitmap, width, height);
        addBitmapToMemoryCache(params[0], bitmap);
        return bitmap;
    }  

    @Override
    protected void onPostExecute(Bitmap bitmap) {
        image.setImageBitmap(bitmap);
    }

然后在WeiboAdapter中封装一个接口 loadBitmap，载入图片。

二.ListView图片缓存

ListView常常会上下滑动，而这些图片载入任务就会重复调用。这样就非常浪费。能够为图片实现缓存，当某个图片载入过之后须要再次显示仅仅须要从内存中拿出来显示就能够。不须要再去载入。缓存事实上有两种缓存。一种是内存缓存。还有一种是SD卡缓存，即下载图片到SD卡中。这里我们仅仅讲内存缓存。

结合上面的图片异步载入，整个图片显示的过程是这样：当须要显示图片的时候，先去内存中查找看是否有这样的图片的缓存。有的话就直接显示，没有的话，去异步载入，然后保存到内存缓存中。然后显示。

完整的AsyncImageLoader.java代码

package com.fangjie.weibo.util;
import android.graphics.Bitmap;
import android.os.AsyncTask;
import android.support.v4.util.LruCache;
import android.widget.ImageView;

public class AsyncImageLoader extends AsyncTask<String, Void, Bitmap> {

	private ImageView image;
    private LruCache<String, Bitmap> lruCache;
    private int width;
    private int height;
    /**
     * 构造方法。须要把ImageView控件和LruCache 对象传进来
     * @param image 载入图片到此 {@code}ImageView
     * @param lruCache 缓存图片的对象
     */
    public AsyncImageLoader(ImageView image, LruCache<String, Bitmap> lruCache,int width,int height) {
        super();
        this.image = image;
        this.lruCache = lruCache;
        this.width=width;
        this.height=width;
    }  

    @Override
    protected Bitmap doInBackground(String... params) {
        Bitmap bitmap = null;
        bitmap = GetUserInfo.getBitmap(params[0]);
        if(width!=0&height!=0)
        	bitmap=GetUserInfo.scaleImg(bitmap, width, height);
        addBitmapToMemoryCache(params[0], bitmap);
        return bitmap;
    }  

    @Override
    protected void onPostExecute(Bitmap bitmap) {
        image.setImageBitmap(bitmap);
    }
        //调用LruCache的put 方法将图片增加内存缓存中。要给这个图片一个key 方便下次从缓存中取出来
    private void addBitmapToMemoryCache(String key, Bitmap bitmap) {
        if (getBitmapFromMemoryCache(key) == null) {
            lruCache.put(key, bitmap);
        }
    }
        //调用Lrucache的get 方法从内存缓存中去图片
    public Bitmap getBitmapFromMemoryCache(String key) {
        return lruCache.get(key);
    }
}

在WeiboAdapter中的调用接口，loadBitmap

	private final int maxMemory = (int) Runtime.getRuntime().maxMemory();//获取当前应用程序所分配的最大内存
    private final int cacheSize = maxMemory / 5;//仅仅分5分之中的一个用来做图片缓存
    private LruCache<String, Bitmap> mLruCache = new LruCache<String, Bitmap>(
            cacheSize) {
    	protected int sizeOf(String key, Bitmap bitmap) {//复写sizeof()方法
            // replaced by getByteCount() in API 12
            return bitmap.getRowBytes() * bitmap.getHeight() / 1024; //这里是按多少KB来算
        }
    }; 

	/**
	 *
	 * @param urlStr 所须要载入的图片的url。以String形式传进来，能够把这个url作为缓存图片的key
	 * @param image ImageView 控件
	 */
	private void loadBitmap(String urlStr, ImageView image,int width,int height) {
		System.out.println(urlStr);
		AsyncImageLoader asyncLoader = new AsyncImageLoader(image, mLruCache,width,height);//什么一个异步图片载入对象
		Bitmap bitmap = asyncLoader.getBitmapFromMemoryCache(urlStr);//首先从内存缓存中获取图片
		if (bitmap != null) {
			image.setImageBitmap(bitmap);//假设缓存中存在这张图片则直接设置给ImageView
		} else {
			image.setImageResource(R.drawable.user_head);//否则先设置成默认的图片
			asyncLoader.execute(urlStr);//然后运行异步任务AsycnTask 去网上载入图片
		}
	}

至此，微博主页的微博列表载入也就所有完毕。

还有非常多细小的点都没讲到，可是都有源代码，相信大家都能看得懂的。整个project文件截图：