稻草人总结之Image-Loader加载图片

来源:互联网 发布:网络分销渠道的优势 编辑:程序博客网 时间:2024/06/06 02:18

    GITHUB上的下载路径为:https://github.com/nostra13/Android-Universal-Image-Loader ,下载最新的库文件,并且导入到项目的LIB下便可以使用。

一、使用方法

  这是 一个开源的Android关于下载显示图片的工具类,在这个下载包里面jar文件,用于我们导入项目使用,具体使用方法在包里面也含有。下面是一个例子

<uses-permission android:name="android.permission.INTERNET" />  <uses-permission android:name="android.permission.WRITE_EXTERNAL_STORAGE" /> 
由于是使用过程中会图片获取要通过网络,并且有缓存设置,所以这2个权限必须要有

1.设置ImageLoaderConfiguration作为 ImageLoader的参数对象

//创建默认的ImageLoader配置参数          ImageLoaderConfiguration configuration = ImageLoaderConfiguration                  .createDefault(this);  
2. 使用ImageLoader进行图片加载的时候,先要实例化ImageLoader,,并将参数赋给该对象
   

ImageLoader.getInstance().init(configuration); ImageLoader imageLoader = ImageLoader.getInstance();

3. 实例化另一个参数对象

DisplayImageOptions options; options = new DisplayImageOptions.Builder() .showImageOnLoading(R.drawable.ic_launcher) //设置图片在下载期间显示的图片 .showImageForEmptyUri(R.drawable.ic_launcher)//设置图片Uri为空或是错误的时候显示的图片 .showImageOnFail(R.drawable.ic_launcher) //设置图片加载/解码过程中错误时候显示的图片 .cacheInMemory(true)//设置下载的图片是否缓存在内存中 .cacheOnDisc(true)//设置下载的图片是否缓存在SD卡中 .considerExifParams(true) //是否考虑JPEG图像EXIF参数(旋转,翻转) .imageScaleType(ImageScaleType.EXACTLY_STRETCHED)//设置图片以如何的编码方式显示 .bitmapConfig(Bitmap.Config.RGB_565)//设置图片的解码类型// .decodingOptions(android.graphics.BitmapFactory.Options decodingOptions)//设置图片的解码配置 //.delayBeforeLoading(int delayInMillis)//int delayInMillis为你设置的下载前的延迟时间 //设置图片加入缓存前,对bitmap进行设置 //.preProcessor(BitmapProcessor preProcessor) .resetViewBeforeLoading(true)//设置图片在下载前是否重置,复位 .displayer(new RoundedBitmapDisplayer(20))//是否设置为圆角,弧度为多少 .displayer(new FadeInBitmapDisplayer(100))//是否图片加载好后渐入的动画时间 .build();//构建完成 //最后调用display方法ImageLoader.getInstance().displayImage(imageUrl, mImageView, options);

注:

  以上配置中的:

 1.imageScaleType(ImageScaleType imageScaleType)  是设置 图片的缩放方式
     缩放类型mageScaleType:

              EXACTLY :图像将完全按比例缩小的目标大小

              EXACTLY_STRETCHED:图片会缩放到目标大小完全

              IN_SAMPLE_INT:图像将被二次采样的整数倍

              IN_SAMPLE_POWER_OF_2:图片将降低2倍,直到下一减少步骤,使图像更小的目标大小

              NONE:图片不会调整
  2).displayer(BitmapDisplayer displayer)   是设置 图片的显示方式

      显示方式displayer

              RoundedBitmapDisplayerint roundPixels)设置圆角图片

              FakeBitmapDisplayer()这个类什么都没做

              FadeInBitmapDisplayerint durationMillis)设置图片渐显的时间

         SimpleBitmapDisplayer()正常显示一张图片 
 


  1.1

  1.纯粹为了加载默认配置的一个图片的

    方法:

    public void displayImage(String uri, ImageView imageView) {}

    具体实现:

 
ImageLoader.getInstance().displayImage(imageUrl, imageView); // imageUrl代表图片的URL地址,imageView代表承载图片的IMAGEVIEW控件  

 2.加载自定义配置的一个图片的

  方法:

  public void displayImage(String uri, ImageView imageView, DisplayImageOptions options) {}

  具体实现:

ImageLoader.getInstance().displayImage(imageUrl, imageView,options); // imageUrl代表图片的URL地址,imageView代表承载图片的IMAGEVIEW控件 , options代表DisplayImageOptions配置文件


 3.图片加载时候带加载情况的监听

  方法:

 public void displayImage(String uri, ImageAware imageAware, DisplayImageOptions options,Image    LoadingListener listener) {}

  ImageLoadingListener 用于监听图片的下载情况。

  具体实现:

imageLoader.displayImage(imageUrl, imageView, options, new ImageLoadingListener() {      @Override      public void onLoadingStarted() {         //开始加载的时候执行      }      @Override      public void onLoadingFailed(FailReason failReason) {               //加载失败的时候执行      }       @Override       public void onLoadingComplete(Bitmap loadedImage) {         //加载成功的时候执行      }       @Override       public void onLoadingCancelled() {         //加载取消的时候执行        }});  


如:

  1. final ImageView mImageView = (ImageView) findViewById(R.id.image);  
  2.         String imageUrl = "https://lh6.googleusercontent.com/-55osAWw3x0Q/URquUtcFr5I/AAAAAAAAAbs/rWlj1RUKrYI/s1024/A%252520Photographer.jpg";  
  3.           
  4.         ImageLoader.getInstance().loadImage(imageUrl, new SimpleImageLoadingListener(){  
  5.   
  6.             @Override  
  7.             public void onLoadingComplete(String imageUri, View view,  
  8.                     Bitmap loadedImage) {  
  9.                 super.onLoadingComplete(imageUri, view, loadedImage);  
  10.                 mImageView.setImageBitmap(loadedImage);  
  11.             }  
  12.               
  13.         });

4loadimage()加载图片

 

我们先使用ImageLoader的loadImage()方法来加载网络图片

final ImageView mImageView = (ImageView) findViewById(R.id.image);         String imageUrl = "https://lh6.googleusercontent.com/-55osAWw3x0Q/URquUtcFr5I/AAAAAAAAAbs/rWlj1RUKrYI/s1024/A%252520Photographer.jpg";                    ImageLoader.getInstance().loadImage(imageUrl, new ImageLoadingListener() {                           @Override              public void onLoadingStarted(String imageUri, View view) {                                }                            @Override              public void onLoadingFailed(String imageUri, View view,                      FailReason failReason) {                                }                            @Override              public void onLoadingComplete(String imageUri, View view, Bitmap loadedImage) {                  mImageView.setImageBitmap(loadedImage);              }                           @Override              public void onLoadingCancelled(String imageUri, View view) {                               }         }); 


    传入图片的url和ImageLoaderListener, 在回调方法onLoadingComplete()中将loadedImage设置到ImageView上面就行了,如果你觉得传入ImageLoaderListener太复杂了,我们可以使用SimpleImageLoadingListener类,该类提供了ImageLoaderListener接口方法的空实现,使用的是缺省适配器模式

final ImageView mImageView = (ImageView) findViewById(R.id.image);        String imageUrl = "https://lh6.googleusercontent.com/-55osAWw3x0Q/URquUtcFr5I/AAAAAAAAAbs/rWlj1RUKrYI/s1024/A%252520Photographer.jpg";                    ImageLoader.getInstance().loadImage(imageUrl, new SimpleImageLoadingListener(){                @Override             public void onLoadingComplete(String imageUri, View view,                    Bitmap loadedImage) {                 super.onLoadingComplete(imageUri, view, loadedImage);                 mImageView.setImageBitmap(loadedImage);              }                        });  


 图片来源可以是

//图片来源于Content provider          String contentprividerUrl = "content://media/external/audio/albumart/13";                    //图片来源于assets          String assetsUrl = Scheme.ASSETS.wrap("image.png");                    //图片来源于          String drawableUrl = Scheme.DRAWABLE.wrap("R.drawable.image");  



二、注意事项

  1.上述提到的2个权限必须加入,否则会出错
  2.ImageLoaderConfiguration必须配置并且全局化的初始化这个配置ImageLoader.getInstance().init(config);  否则也会出现错误提示
  3.ImageLoader是根据ImageView的height,width确定图片的宽高。
  4.如果经常出现OOM(别人那边看到的,觉得很有提的必要)
   ①减少配置之中线程池的大小,(.threadPoolSize).推荐1-5;
   ②使用.bitmapConfig(Bitmap.config.RGB_565)代替ARGB_8888;
   ③使用.imageScaleType(ImageScaleType.IN_SAMPLE_INT)或者        try.imageScaleType(ImageScaleType.EXACTLY);
   ④避免使用RoundedBitmapDisplayer.他会创建新的ARGB_8888格式的Bitmap对象;
   ⑤使用.memoryCache(new WeakMemoryCache()),不要使用.cacheInMemory();

 
以上即是IamgeLoad的基本的步骤,我们还可以结合ListView进行图片的加载,在这方面我们会使用的比较多。 
这里贴出一些listview的使用:

 

listview = (ListView) findViewById(android.R.id.list);listview.setAdapter(new ItemAdapter());//自定义适配器public class ItemAdapter  extends BaseAdapter {        private List<String> list= new ArrayList<String>(); //加载图片路径        private class viewHolder{            TextView text;            ImageView image;        }        @Override        public int getCount() {            return list.size();        }        @Override        public Object getItem(int position) {            return null;        }        @Override        public long getItemId(int position) {            return position;        }        @Override        public View getView(int position, View convertView, ViewGroup parent) {            View view = convertView;            final viewHolder hoder;            if (convertView == null) {                view =  getLayoutInflater()                        .inflate(R.layout.item_list_image, parent,false);                hoder = new viewHolder();                hoder.text = (TextView) view.findViewById(R.id.text);                hoder.image = (ImageView) view.findViewById(R.id.image);                view.setTag(hoder);            }else{                hoder =(viewHolder) view.getTag();            }            hoder.text.setText("Item"+position+1);            /**              * 显示图片              * 参数1:图片url              * 参数2:显示图片的控件              * 参数3:显示图片的设置              */              imageLoader.displayImage(list.get(position), hoder.image,options);            return view;        }    }

OutOfMemoryError

 虽然这个框架有很好的缓存机制,有效的避免了OOM的产生,一般的情况下产生OOM的概率比较小,但是并不能保证OutOfMemoryError永远不发生,这个框架对于OutOfMemoryError做了简单的catch,保证我们的程序遇到OOM而不被crash掉,但是如果我们使用该框架经常发生OOM,我们应该怎么去改善呢?

  • 减少线程池中线程的个数,在ImageLoaderConfiguration中的(.threadPoolSize)中配置,推荐配置1-5
  • 在DisplayImageOptions选项中配置bitmapConfig为Bitmap.Config.RGB_565,因为默认是ARGB_8888, 使用RGB_565会比使用ARGB_8888少消耗2倍的内存
  • 在ImageLoaderConfiguration中配置图片的内存缓存为memoryCache(new WeakMemoryCache()) 或者不使用内存缓存
  • 在DisplayImageOptions选项中设置.imageScaleType(ImageScaleType.IN_SAMPLE_INT)或者imageScaleType(ImageScaleType.EXACTLY)

原创粉丝点击