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<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）

作者：杰瑞教育
出处：http://www.cnblogs.com/jerehedu/ 
本文版权归烟台杰瑞教育科技有限公司和博客园共有，欢迎转载，但未经作者同意必须保留此段声明，且在文章页面明显位置给出原文连接，否则保留追究法律责任的权利。