Android批量圖片載入經典系列——使用xutil架構緩衝、非同步載入網狀圖片

Android批量圖片載入經典系列——使用xutil架構緩衝、非同步載入網狀圖片

一、問題描述

　　為提高圖片載入的效率，需要對圖片的採用緩衝和非同步載入策略，編碼相對比較複雜，實際上有一些優秀的架構提供瞭解決方案，比如近期在git上比較活躍的xutil架構

　　Xutil架構提供了四大模組：

1、 DbUtil模組：採用ORM機制簡化Sqlite操作，一行代碼就可執行增刪改查、支援事務、支援延遲策略

2、 ViewUtils模組：可以說是Android的IOC架構，可以註解方式對ui、資源、事件進行綁定

3、 HttpUtils模組：支援同步、非同步請求、支援大檔案上傳

4、 BitmapUtils模組：圖片的非同步載入，支援本地和網狀圖片， 圖片的壓縮處理， 圖片的記憶體緩衝以及本地檔案快取。

　　本案例主要使用Xutil的HttpUtils模組和BitmapUtils模組

二、案例介紹

　　實現圖片新聞瀏覽：

三、案例主要技術

1、使用HttpUtils模組實現網路通訊

　　（1）RequestParams組件佈建要求參數、上傳檔案等資訊

RequestParams params = new RequestParams(“utf-8”); // 預設編碼UTF-8 params.addQueryStringParameter(categoryId,2);//設定參數

　　(2) HttpUtils組件發送請求

HttpUtils http = new HttpUtils(); http.configResponseTextCharset(utf-8);// 設定返迴文本的編碼， 預設編碼UTF-8 //發送請求,分別設定傳送方式、url、傳遞資料、回調組件 httpUtils.send(HttpMethod.POST, http://192.168.2.178:8080/21-sun/PhotosServlet, params, new RequestCallBack(){ @Override public void onFailure(HttpException e, String m) {//執行失敗回調方法 Log.i(jereh, e.getExceptionCode()+ +m); } @Overrid public void onSuccess(ResponseInfo info) { //執行成功回調方法，並傳入資料，通過info.result獲得返回資料 } });

2、使用BitmapUtils圖片的非同步載入

　　使用BitmapUtils圖片的非同步載入，支援本地和網狀圖片， 圖片的壓縮處理。

　　（1）、BitmapDisplayConfig圖片顯示的配置

BitmapDisplayConfig bigPicDisplayConfig = new BitmapDisplayConfig(); // 顯示原始圖片,不壓縮, 盡量不要使用, 圖片太大時容易OOM。 bigPicDisplayConfig.setShowOriginal(true); bigPicDisplayConfig.setBitmapConfig(Bitmap.Config.RGB_565); //設定圖片的最大尺寸, 不設定時更具控制項屬性自適應 displayConfig.setBitmapMaxSize(BitmapCommonUtils.getScreenSize(mActivity)); //實現一個漸層動畫。 AlphaAnimation animation=new AlphaAnimation(0.1f,1.0f); animation.setDuration(500); displayConfig.setAnimation(animation);

(2) 建立BitmapUtils

　　構造：

/** * @param context 上下文 * @param diskCachePath 磁碟快取路徑 * @param memoryCacheSize 記憶體緩衝大小 * @param diskCacheSize 磁碟緩衝空間大小 */ BitmapUtils(Context context, String diskCachePath, int memoryCacheSize, int diskCacheSize)

　　其他形式

BitmapUtils(Context context) BitmapUtils(Context context, String diskCachePath) BitmapUtils(Context context, String diskCachePath, int memoryCachePercent);

　　代碼：

// 擷取應用程式最大可用記憶體 int maxMemory = (int) Runtime.getRuntime().maxMemory(); int cacheSize = maxMemory / 8; FileUtils fileUtils=new FileUtils(mActivity, jereh); //設定檔案快取、記憶體緩衝大小 BitmapUtils utils=new BitmapUtils(mActivity,fileUtils.getCacheDir(),cacheSize);

　　（3）display()方法非同步載入圖片並顯示到View控制項上

utils.display(T container , String uri, BitmapDisplayConfig displayConfig);

3、Gson組件實現json資料的解析

Gson gson=new Gson();//建立gson組件 //將伺服器返回的JSON資料，使用Gson解析 List imageInfo=gson.fromJson(“JSON資料”, new TypeToken>(){}.getType());

四、案例完整代碼

1、PhotoBrowseAdapter適配器代碼

public class PhotoBrowseAdapter extends PagerAdapter { private Activity mActivity; private List imageList; private LayoutInflater inflate; private BitmapUtils utils; private BitmapDisplayConfig displayConfig; public PhotoBrowseAdapter(Activity mActivity, List imageList) { super(); this.mActivity = mActivity; this.imageList = imageList; inflate=LayoutInflater.from(mActivity); // 擷取應用程式最大可用記憶體 int maxMemory = (int) Runtime.getRuntime().maxMemory(); int cacheSize = maxMemory / 8; FileUtils fileUtils=new FileUtils(mActivity, jereh); utils=new BitmapUtils(mActivity,fileUtils.getCacheDir(),cacheSize); displayConfig=new BitmapDisplayConfig(); //displayConfig.setShowOriginal(true); // 顯示原始圖片,不壓縮, 盡量不要使用, 圖片太大時容易OOM。 //utils.configDefaultBitmapMaxSize(BitmapCommonUtils.getScreenSize(mActivity)); displayConfig.setBitmapMaxSize(BitmapCommonUtils.getScreenSize(mActivity)); AlphaAnimation animation=new AlphaAnimation(0.1f,1.0f); animation.setDuration(500); displayConfig.setAnimation(animation); } @Override public int getCount() { // TODO Auto-generated method stub return imageList.size(); } @Override public boolean isViewFromObject(View arg0, Object arg1) { // TODO Auto-generated method stub return arg0==arg1; } @Override public Object instantiateItem(View container,int position){ ImageInfo info=imageList.get(position); LinearLayout view=(LinearLayout)inflate.inflate(R.layout.phone_item, null); ((TextView)view.findViewById(R.id.tvTitle)).setText(info.getImgTitle()); ((TextView)view.findViewById(R.id.tvContent)).setText(info.getImgDesc()); ImageView img=(ImageView)view.findViewById(R.id.ivPhoto); img.setTag(info.getImgUrl()); utils.display(img,info.getImgUrl(),displayConfig); ((ViewPager)container).addView(view); return view; } @Override public void destroyItem(View container,int position,Object obj){ ((ViewPager)container).removeView((View)obj); } }

2、MainActivity代碼

public class MainActivity extends Activity { private ViewPager vpImagePager; private PhotoBrowseAdapter adapter; private List imageInfoList; @Override protected void onCreate(Bundle savedInstanceState) { super.onCreate(savedInstanceState); setContentView(R.layout.activity_main); vpImagePager=(ViewPager)super.findViewById(R.id.vpImgBrowse); imageInfoList=new ArrayList(); adapter=new PhotoBrowseAdapter(this,imageInfoList); loadData(); } private void loadData(){ RequestParams params=new RequestParams(); params.addQueryStringParameter(categoryId,2);//設定參數 HttpUtils httpUtils=new HttpUtils(); //向伺服器發送請求 httpUtils.send(HttpMethod.POST, http://192.168.2.178:8080/21-sun/PhotosServlet, params,new RequestCallBack(){ @Override public void onFailure(HttpException e, String m) { Log.i(jereh, e.getExceptionCode()+ +m); } @Override public void onSuccess(ResponseInfo info) {//後台執行完成後回調，並傳入返回資料 Gson gson=new Gson();//建立gson組件 //將info.result伺服器返回的JSON資料，使用Gson解析 List imageInfo=gson.fromJson(info.result, new TypeToken>(){}.getType()); imageInfoList.addAll(imageInfo); vpImagePager.setAdapter(adapter); } }); } }

3、ImageInfo實體類和 FileUtils工具類

//封裝圖片資訊 public class ImageInfo { private String imgUrl; private String imgTitle; private String imgDesc; …//省略 } FileUtils獲得檔案快取目錄 public class FileUtils { /** 快取檔案目錄 */ private File mCacheDir; public FileUtils(Context context, String cacheDir){ if (android.os.Environment.getExternalStorageState(). equals(android.os.Environment.MEDIA_MOUNTED)) mCacheDir = new File(cacheDir); else mCacheDir = context.getCacheDir();// 如何擷取系統內建的緩衝儲存路徑 if(!mCacheDir.exists()) mCacheDir.mkdirs(); } public String getCacheDir(){ return mCacheDir.getAbsolutePath(); }

4、服務端PhotosServlet代碼

public void doPost (HttpServletRequest request, HttpServletResponse response) throws ServletException, IOException { response.setContentType(text/json;charset=utf-8); String categoryId=request.getParameter(categoryId);//測試傳遞參數 System.out.println(categoryId); List partList=new ArrayList(); ImagePart part1=new ImagePart(); part1.setImgUrl(http://news.21-sun.com/UserFiles/x_Image/x_20150216131001_0.jpg); part1.setImgTitle(代表中國的東風隊，加油！); part1.setImgDesc(...); ImagePart part2=new ImagePart(); part2.setImgUrl(http://news.21-sun.com/UserFiles/x_Image/x_20150216131432_0.jpg); part2.setImgTitle(三亞沃帆賽體驗之旅); part2.setImgDesc(...); ImagePart part3=new ImagePart(); part3.setImgUrl(http://news.21-sun.com/UserFiles/x_Image/x_20150216131157_0.jpg); part3.setImgTitle(沃爾沃集團總裁兼首席執行官歐羅夫•佩森與沃爾沃); part3.setImgDesc(...); partList.add(part1);partList.add(part2);partList.add(part3); JSONArray jsonArray=JSONArray.fromObject(partList,config); response.getWriter().println(jsonArray.toString()); }