首页 > 代码库 > Android新浪微博客户端(七)——ListView中的图片异步加载、缓存

Android新浪微博客户端(七)——ListView中的图片异步加载、缓存

原文出自:方杰|http://fangjie.sinaapp.com/?p=193 转载请注明出处

最终效果演示:http://fangjie.sinaapp.com/?page_id=54
该项目代码已经放到github:https://github.com/JayFang1993/SinaWeibo

一.ListView的图片异步加载
我们都知道对每一个Weibo Item都有用户头像,而且每一条微博还可能带有图片。如果在加载列表的同时加载图片,这样有几个缺点,第一很费事,界面卡住,用户体验很不好,第二Android在主线程中不能有网络操作,所以本身实现起来就很麻烦。所以我们才实现一个图片异步加载类。继承自AsyncTask<String, Void, Bitmap>,重载其中的方法。doInBackground才是真正的异步操作,做一些耗时的任务,这里就是去服务器上下载图片,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 去网上加载图片
		}
	}

至此,微博主页的微博列表加载也就全部完成。还有很多细小的点都没讲到,但是都有源码,相信大家都能看得懂的。整个工程文件截图:

代码放在:http://git.oschina.net/fangjie/Sina-Weibo  效果展示:http://fangjie.sinaapp.com/?page_id=54

:由于新浪微博的开发平台申请的应用没有通过审核,所以不是所有的微博帐号都可以授权成功,需要测试的话可以找我,也可以在源码中(com.fangjie.weibo.util.AuthUtil)改成你申请的appkey,appsecret。

微博客户端项目有时间再往下写吧!

 欢迎各位关注我的个人站点:http://fangjie.sinaapp.com/