Android批量图片加载经典系列——使用xutil框架缓存、异步加载网络图片

为提高图片加载的效率，需要对图片的采用缓存和异步加载策略，编码相对比较复杂，实际上有一些优秀的框架提供了解决方案，比如近期在git上比较活跃的xutil框架

Xutil框架提供了四大模块：

本案例主要使用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）