為提高圖片載入的效率，需要對圖片的採用快取和非同步載入策略，編碼相對比較複雜，實際上有一些優秀的框架提供瞭解決方案，比如近期在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<String>(){

                            @Override

                            
 
public void onFailure(HttpException e, String m) {//執行失敗回撥方法

                                     Log.i("jereh", e.getExceptionCode()+" "+m);

                            }

                            @Overrid

                            public void onSuccess(ResponseInfo<String> 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> imageInfo=gson.fromJson(“JSON資料”, 
new TypeToken<ArrayList<ImageInfo>>(){}.getType());

1、PhotoBrowseAdapter介面卡程式碼

public class PhotoBrowseAdapter extends PagerAdapter {

    private Activity mActivity;
    private List<ImageInfo> imageList;
    private LayoutInflater inflate;
    private BitmapUtils utils;
    private BitmapDisplayConfig displayConfig;
    
    public PhotoBrowseAdapter(Activity mActivity, List<ImageInfo> 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<ImageInfo> 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<ImageInfo>();
        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<String>(){
            @Override
            public void onFailure(HttpException e, String m) {
                Log.i("jereh", e.getExceptionCode()+" "+m);
            }
            @Override
            public void onSuccess(ResponseInfo<String> info) {//後臺執行完成後回撥，並傳入返回資料
                Gson gson=new Gson();//建立gson元件
                //將info.result伺服器返回的JSON資料，使用Gson解析
                List<ImageInfo> imageInfo=gson.fromJson(info.result,
 new TypeToken<ArrayList<ImageInfo>>(){}.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<ImagePart> partList=new ArrayList<ImagePart>();
    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());
    }

　　想要了解更多內容的小夥伴，可以點選檢視原始碼，親自執行測試。

　　疑問諮詢或技術交流，請加入官方QQ群： （452379712）