淺談Android中的異步加載之ListView中圖片的緩存及優化三

4、封裝課程對象的javaBean類對象即每個Item為一個對象

package com.mikyou.bean;

import java.io.Serializable;

import android.R.id;

public class Course   implements Serializable{
	private  String cName;
	private  String  cImgURl;
	private String cDescriptor;
	private String cLearner;
	public String getcName() {
		return cName;
	}
	public void setcName(String cName) {
		this.cName = cName;
	}

	public String getcImgURl() {
		return cImgURl;
	}
	public void setcImgURl(String cImgURl) {
		this.cImgURl = cImgURl;
	}
	public String getcDescriptor() {
		return cDescriptor;
	}
	public void setcDescriptor(String cDescriptor) {
		this.cDescriptor = cDescriptor;
	}
	public String getcLearner() {
		return cLearner;
	}
	public void setcLearner(String cLearner) {
		this.cLearner = cLearner;
	}

}

5、通用適配器實現的子類

package com.mikyou.adapter;

import java.util.List;

import com.lidroid.xutils.BitmapUtils;
import com.mikyou.async.ImageLoader;
import com.mikyou.bean.Course;
import com.mikyou.cache.R;
import com.mikyou.tools.ViewHolder;
import android.content.Context;
import android.widget.ImageView;

public class MyListAdapter extends CommonAdapter{
private   ImageLoader loader;
	public MyListAdapter(Context context, List listBeans, int layoutId) {
		super(context, listBeans, layoutId);
		 loader=new ImageLoader();
	}

	@Override
	public void convert(ViewHolder holder, Course course) {
		holder.setText(R.id.c_name, course.getcName()).setText(R.id.c_learner, course.getcLearner());
	  ImageView iv= holder.getView(R.id.c_img);
	  iv.setTag(course.getcImgURl());//首先、需要將相應的url和相應的iv綁定在一起，為了防止圖片和請求URL不對應
	  loader.showImageByAsyncTask(iv, course.getcImgURl());

	}
	

}

7、核心實現代碼:

package com.mikyou.async;

import java.io.IOException;
import java.net.HttpURLConnection;
import java.net.MalformedURLException;
import java.net.URL;
import java.util.List;

import com.mikyou.bean.Course;
import com.mikyou.utils.LruCacheUtils;

import android.graphics.Bitmap;
import android.graphics.BitmapFactory;
import android.os.AsyncTask;
import android.os.Handler;
import android.os.Message;
import android.util.Log;
import android.util.LruCache;
import android.widget.ImageView;

public class ImageLoader {
	private ImageView iv;
	private String url;
	private LruCacheUtils mCacheUtils;

	public ImageLoader() {
		mCacheUtils=new LruCacheUtils();
	}
	/**
	 * @author mikyou
	 * 實現的主要思路:
	 * 首先、加載圖片的時候，先去LruCache緩存中根據傳入的url作為key去取相應的Bitmap對象
	 * ，如果緩存中存在相應的key對應的value,那麼就直接取出key對應緩存中的Bitmap對象
	 * 並設置給ImageView，如果緩存中沒有，那麼就需要通過異步加載請求網絡中的數據和圖片信息，
	 * 然後通過監聽器中的asyncImgListener回調方法將網絡請求得到的Bitmap對象，首先得通過iv.getTag()
	 * 比較url如果對應就將該Bitmap對象設置給iv,並且還需要將這個Bitmap對象和相應的url以key-value形式
	 * 通過put方法，加入LruCache緩存中。
	 * */
	public void showImageByAsyncTask(final ImageView iv,final String url){
		//首先，從緩存中讀取圖片，如果有就直接使用緩存，如果沒有就直接加載網絡圖片
		Bitmap bitmap=mCacheUtils.getBitmapFromCache(url);
		Log.d("url", url);
		if (bitmap==null) {//表示緩存中沒有，就去訪問網絡下載圖片，並記住將下載到的圖片放入緩存中
			ImageAsyncTask imageAsyncTask=new ImageAsyncTask();
			imageAsyncTask.execute(url);
			imageAsyncTask.setOnImgAsyncTaskListener(new OnAsyncListener() {
				@Override
				public void asyncListener(List mCourseList) {

				}
				@Override
				public void asyncImgListener(Bitmap bitmap) {//圖片請求網絡數據的回調方法
					if (iv.getTag().equals(url)) {//判斷url和iv是否對應
						iv.setImageBitmap(bitmap);
						Log.d("addLru", "網絡加載並加入緩存--->"+url);
						mCacheUtils.addBitmapToCache(url, bitmap);//由於是網絡請求得到的數據，所以緩存中肯定沒有，所以還需要將該Bitmap對象加入到緩存中
					}

				}
			});
		}else{//否則就直接從緩存中獲取
			
				iv.setImageBitmap(mCacheUtils.getBitmapFromCache(url));//直接讀取緩存中的Bitmap對象
				Log.d("getLru", "url讀出緩存--->"+url);
		}

	}



	//HttpURLConnection網絡請求方式來得到網絡圖片輸入流，並且將輸入流轉換成一個Bitmap對象
	public Bitmap getBitmapFromURL(String  url){
		Bitmap bitmap = null;
		try {
			URL mURL=new URL(url);
			HttpURLConnection conn=(HttpURLConnection) mURL.openConnection();
			bitmap = BitmapFactory.decodeStream(conn.getInputStream());
			conn.disconnect();
		} catch (Exception e) {
			e.printStackTrace();
		} 
		return bitmap;
	}


}

8、異步加載類實現，這裡主要有兩個：一個是請求整個網絡的JSON數據，另一個就是請求加載網絡圖片，並且自定義一個監聽器接口。

package com.mikyou.async;

import java.util.ArrayList;
import java.util.List;

import org.json.JSONArray;
import org.json.JSONException;
import org.json.JSONObject;

import com.mikyou.bean.Course;
import com.mikyou.utils.MikyouHttpUrlConnectionUtils;

import android.os.AsyncTask;
import android.util.Log;

public class MikyouAsyncTask extends AsyncTask{
	private List mCourseList;
	private OnAsyncListener listener;//自定義監聽器接口對象引用
	@Override
	protected void onPreExecute() {
		mCourseList=new ArrayList();
		super.onPreExecute();
	}
	@Override
	protected String doInBackground(String... params) {
		String data=MikyouHttpUrlConnectionUtils.getData(params[0], null, null);//網絡請求JSON數據
		return data;
	}
	@Override
	protected void onPostExecute(String result) {//解析JSON數據
		Log.d("info", result);
		try {
			JSONObject object=new JSONObject(result);
			JSONArray array=object.getJSONArray("data");
			for (int i = 0; i < array.length(); i++) {
				Course mCourse=new Course();
				JSONObject object2=array.getJSONObject(i);
				mCourse.setcName(object2.getString("name"));
				mCourse.setcImgURl(object2.getString("picSmall"));
				mCourse.setcLearner(object2.getInt("learner")+"");
				mCourse.setcDescriptor(object2.getString("description"));
				mCourseList.add(mCourse);
			}
			if (listener!=null) {//判斷是否注冊了監聽器
				listener.asyncListener(mCourseList);//通過監聽器中的回調方法將異步加載得到的數據後經過解析、封裝的對象集合回調出去
				
			}
		} catch (JSONException e) {
			e.printStackTrace();
		}
		super.onPostExecute(result);
	}
	public void setOnAsyncTaskListener(OnAsyncListener listener){//公布一個注冊監聽器的方法
		this.listener=listener;
	}
}

ImgAsyncTask異步加載類：

package com.mikyou.async;

import java.net.HttpURLConnection;
import java.net.URL;

import android.graphics.Bitmap;
import android.graphics.BitmapFactory;
import android.media.Image;
import android.os.AsyncTask;
import android.text.GetChars;
import android.util.LruCache;
import android.widget.ImageView;

public class ImageAsyncTask extends AsyncTask{
	private OnAsyncListener listener;
	@Override
	protected Bitmap doInBackground(String... params) {
		return getBitmapFromURL(params[0]);
	}
	@Override
	protected void onPostExecute(Bitmap result) {
			if (listener!=null) {
				listener.asyncImgListener(result);
			}
		super.onPostExecute(result);
	}
	
	public Bitmap getBitmapFromURL(String  url){
		Bitmap bitmap = null;
		try {
			URL mURL=new URL(url);
			HttpURLConnection conn=(HttpURLConnection) mURL.openConnection();
			bitmap = BitmapFactory.decodeStream(conn.getInputStream());
			conn.disconnect();
		} catch (Exception e) {
			e.printStackTrace();
		} 
		return bitmap;
	}
	public void setOnImgAsyncTaskListener(OnAsyncListener listener){
		this.listener=listener;
	}
}

自定義監聽器:

監聽器接口:

package com.mikyou.async;

import java.util.List;

import com.mikyou.bean.Course;

import android.graphics.Bitmap;

public interface OnAsyncListener {
public void asyncListener(List mCourseList);
public void asyncImgListener(Bitmap bitmap);
}

運行結果:

沒有加入圖片緩存的運行結果會發現無論什麼時候滑動都會請求網絡，會發現圖片加載有個延遲時間:

加入圖片緩存後的運行結果會發現，非常流暢，並且直接讀緩存的圖片時沒有圖片加載的延遲

最後，圖片緩存LruCache實際上運用很流行，並且運用在很多流行網絡框架中，我們都知道很流行的Xutils框架，其中就有一個BitmapUtils，它裡面實現緩存原理也就是基於LruCache來實現的。