您的位置：首页 > 产品设计 > UI/UE

Android-Universal-Image-Loader是一个开源的UI组件程序

2016-01-08 12:51 507 查看 
http://www.cnblogs.com/kissazi2/p/3886563.html处 博客如下：
一、介绍
 Android-Universal-Image-Loader是一个开源的UI组件程序，该项目的目的是提供一个可重复使用的仪器为异步图像加载，缓存和显示。所以，如果你的程序里需要这个功能的话，那么不妨试试它。因为已经封装好了一些类和方法。我们可以直接拿来用了。而不用重复去写了。其实，写一个这方面的程序还是比较麻烦的，要考虑多线程缓存，内存溢出等很多方面。
二、具体使用
一个好的类库的重要特征就是可配置性强。我们先简单使用Android-Universal-Image-Loader，一般情况下使用默认配置就可以了。下面的实例利用Android-Universal-Image-Loader将网络图片加载到图片墙中
public class BaseActivity extends Activity {ImageLoader imageLoader;@Overrideprotected void onCreate(Bundle savedInstanceState) {// Create global configuration and initialize ImageLoader with this configurationImageLoaderConfiguration config = new ImageLoaderConfiguration.Builder(getApplicationContext()).build();ImageLoader.getInstance().init(config);super.onCreate(savedInstanceState);}}
public class MainActivity extends BaseActivity {@Overrideprotected void onCreate(Bundle savedInstanceState) {super.onCreate(savedInstanceState);setContentView(R.layout.activity_main);ImageLoader imageLoader = ImageLoader.getInstance();GridView gridView = (GridView) this.findViewById(R.id.grdvImageWall);gridView.setAdapter(new PhotoWallAdapter(Constants.IMAGES));}static class ViewHolder {ImageView imageView;ProgressBar progressBar;}public class PhotoWallAdapter extends BaseAdapter {String[] imageUrls;ImageLoader imageLoad;DisplayImageOptions options;LinearLayout gridViewItem;public PhotoWallAdapter(String[] imageUrls) {assert imageUrls != null;this.imageUrls = imageUrls;options = new DisplayImageOptions.Builder().showImageOnLoading(R.drawable.ic_stub) // resource or// drawable.showImageForEmptyUri(R.drawable.ic_empty) // resource or// drawable.showImageOnFail(R.drawable.ic_error) // resource or// drawable.resetViewBeforeLoading(false) // default.delayBeforeLoading(1000).cacheInMemory(false) // default.cacheOnDisk(false) // default.considerExifParams(false) // default.imageScaleType(ImageScaleType.IN_SAMPLE_POWER_OF_2) // default.bitmapConfig(Bitmap.Config.ARGB_8888) // default.displayer(new SimpleBitmapDisplayer()) // default.handler(new Handler()) // default.build();this.imageLoad = ImageLoader.getInstance();}@Overridepublic int getCount() {return this.imageUrls.length;}@Overridepublic Object getItem(int position) {if (position <= 0 || position >= this.imageUrls.length) {throw new IllegalArgumentException("position<=0||position>=this.imageUrls.length");}return this.imageUrls[position];}@Overridepublic long getItemId(int position) {return position;}@Overridepublic View getView(int position, View convertView, ViewGroup parent) {// 判断这个image是否已经在缓存当中，如果没有就下载final ViewHolder holder;if (convertView == null) {holder = new ViewHolder();gridViewItem = (LinearLayout) getLayoutInflater().inflate(R.layout.image_wall_item, null);holder.imageView = (ImageView) gridViewItem.findViewById(R.id.item_image);holder.progressBar = (ProgressBar) gridViewItem.findViewById(R.id.item_process);gridViewItem.setTag(holder);convertView = gridViewItem;} else {holder = (ViewHolder) gridViewItem.getTag();}this.imageLoad.displayImage(this.imageUrls[position],holder.imageView, options,new SimpleImageLoadingListener() {@Overridepublic void onLoadingStarted(String imageUri, View view) {holder.progressBar.setProgress(0);holder.progressBar.setVisibility(View.VISIBLE);}@Overridepublic void onLoadingFailed(String imageUri, View view,FailReason failReason) {holder.progressBar.setVisibility(View.GONE);}@Overridepublic void onLoadingComplete(String imageUri,View view, Bitmap loadedImage) {holder.progressBar.setVisibility(View.GONE);}}, new ImageLoadingProgressListener() {@Overridepublic void onProgressUpdate(String imageUri,View view, int current, int total) {holder.progressBar.setProgress(Math.round(100.0f* current / total));}}); // 通过URL判断图片是否已经下载return convertView;}}}
三者的关系
ImageLoaderConfiguration是针对图片缓存的全局配置，主要有线程类、缓存大小、磁盘大小、图片下载与解析、日志方面的配置。ImageLoader是具体下载图片，缓存图片，显示图片的具体执行类，它有两个具体的方法displayImage(...)、loadImage(...)，但是其实最终他们的实现都是displayImage(...)。DisplayImageOptions用于指导每一个Imageloader根据网络图片的状态（空白、下载错误、正在下载）显示对应的图片，是否将缓存加载到磁盘上，下载完后对图片进行怎么样的处理。从三者的协作关系上看，他们有点像厨房规定、厨师、客户个人口味之间的关系。ImageLoaderConfiguration就像是厨房里面的规定，每一个厨师要怎么着装，要怎么保持厨房的干净，这是针对每一个厨师都适用的规定，而且不允许个性化改变。ImageLoader就像是具体做菜的厨师，负责具体菜谱的制作。DisplayImageOptions就像每个客户的偏好，根据客户是重口味还是清淡，每一个imageLoader根据DisplayImageOptions的要求具体执行。
ImageLoaderConfiguration
在上面的示例代码中，我们使用ImageLoaderConfiguration的默认配置，下面给出ImageLoaderConfiguration比较详尽的配置，从下面的配置中，可以看出ImageLoaderConfiguration的配置主要是全局性的配置，主要有线程类、缓存大小、磁盘大小、图片下载与解析、日志方面的配置。
ImageLoaderConfiguration config = new ImageLoaderConfiguration.Builder(context).memoryCacheExtraOptions(480, 800) // default = device screen dimensions.diskCacheExtraOptions(480, 800, null).taskExecutor(...).taskExecutorForCachedImages(...).threadPoolSize(3) // default.threadPriority(Thread.NORM_PRIORITY - 1) // default.tasksProcessingOrder(QueueProcessingType.FIFO) // default.denyCacheImageMultipleSizesInMemory().memoryCache(new LruMemoryCache(2 * 1024 * 1024)).memoryCacheSize(2 * 1024 * 1024).memoryCacheSizePercentage(13) // default.diskCache(new UnlimitedDiscCache(cacheDir)) // default.diskCacheSize(50 * 1024 * 1024).diskCacheFileCount(100).diskCacheFileNameGenerator(new HashCodeFileNameGenerator()) // default.imageDownloader(new BaseImageDownloader(context)) // default.imageDecoder(new BaseImageDecoder()) // default.defaultDisplayImageOptions(DisplayImageOptions.createSimple()) // default.writeDebugLogs().build();
ImageLoaderConfiguration的主要职责就是记录相关的配置，它的内部其实就是一些字段的集合（如下面的源代码）。它有一个builder的内部类，这个类中的字段跟ImageLoaderConfiguration中的字段完全一致，它有一些默认值，通过修改builder可以配置ImageLoaderConfigurationDisplay Options每一个
ImageLoader.displayImage(...)
都可以使用DisplayOptions。
DisplayImageOptions options = new DisplayImageOptions.Builder().showImageOnLoading(R.drawable.ic_stub) // resource or drawable.showImageForEmptyUri(R.drawable.ic_empty) // resource or drawable.showImageOnFail(R.drawable.ic_error) // resource or drawable.resetViewBeforeLoading(false)  // default.delayBeforeLoading(1000).cacheInMemory(false) // default.cacheOnDisk(false) // default.preProcessor(...).postProcessor(...).extraForDownloader(...).considerExifParams(false) // default.imageScaleType(ImageScaleType.IN_SAMPLE_POWER_OF_2) // default.bitmapConfig(Bitmap.Config.ARGB_8888) // default.decodingOptions(...).displayer(new SimpleBitmapDisplayer()) // default.handler(new Handler()) // default.build();
Display Options的主要职责就是记录相关的配置，它的内部其实就是一些字段的集合（如下面的源代码）。它有一个builder的内部类，这个类中的字段跟DisplayOption中的字段完全一致，它有一些默认值，通过修改builder可以配置DisplayOptions。 http://www.yq1012.com/android/2053.html处 博客如下：在使用这个框架的时候，我们必须要配置一个DisplayImageOptions对象来作为ImageLoader.getInstance().displayImage（）中的参数，所以很有必要讲解这个对象的配制方法。讲解完了后其实这个框架我们就会了解的比较详尽了。1、默认配置
DisplayImageOptions options = new DisplayImageOptions.Builder().showImageOnLoading(R.drawable.ic_stub) // resource or drawable.showImageForEmptyUri(R.drawable.ic_empty) // resource or drawable.showImageOnFail(R.drawable.ic_error) // resource or drawable.resetViewBeforeLoading(false)  // default.delayBeforeLoading(1000).cacheInMemory(false) // default.cacheOnDisk(false) // default.preProcessor(...).postProcessor(...).extraForDownloader(...).considerExifParams(false) // default.imageScaleType(ImageScaleType.IN_SAMPLE_POWER_OF_2) // default.bitmapConfig(Bitmap.Config.ARGB_8888) // default.decodingOptions(...).displayer(new SimpleBitmapDisplayer()) // default.handler(new Handler()) // default.build();
例子
/*** 显示图片的所有配置* @return*/private DisplayImageOptions getWholeOptions() {DisplayImageOptions options = new DisplayImageOptions.Builder().showImageOnLoading(R.drawable.loading) //设置图片在下载期间显示的图片.showImageForEmptyUri(R.drawable.ic_launcher)//设置图片Uri为空或是错误的时候显示的图片.showImageOnFail(R.drawable.error)  //设置图片加载/解码过程中错误时候显示的图片.cacheInMemory(true)//设置下载的图片是否缓存在内存中.cacheOnDisk(true)//设置下载的图片是否缓存在SD卡中.considerExifParams(true)  //是否考虑JPEG图像EXIF参数（旋转，翻转）.imageScaleType(ImageScaleType.IN_SAMPLE_INT)//设置图片以如何的编码方式显示.bitmapConfig(Bitmap.Config.RGB_565)//设置图片的解码类型//.decodingOptions(BitmapFactory.Options decodingOptions)//设置图片的解码配置.delayBeforeLoading(0)//int delayInMillis为你设置的下载前的延迟时间//设置图片加入缓存前，对bitmap进行设置//.preProcessor(BitmapProcessor preProcessor).resetViewBeforeLoading(true)//设置图片在下载前是否重置，复位.displayer(new RoundedBitmapDisplayer(20))//不推荐用！！！！是否设置为圆角，弧度为多少.displayer(new FadeInBitmapDisplayer(100))//是否图片加载好后渐入的动画时间，可能会出现闪动.build();//构建完成return options;}
2、一般常用的配置
    /*** 设置常用的设置项* @return*/private DisplayImageOptions getSimpleOptions() {DisplayImageOptions options = new DisplayImageOptions.Builder().showImageOnLoading(R.drawable.loading) //设置图片在下载期间显示的图片.showImageForEmptyUri(R.drawable.ic_launcher)//设置图片Uri为空或是错误的时候显示的图片.showImageOnFail(R.drawable.error)  //设置图片加载/解码过程中错误时候显示的图片.cacheInMemory(true)//设置下载的图片是否缓存在内存中.cacheOnDisk(true)//设置下载的图片是否缓存在SD卡中.imageScaleType(ImageScaleType.IN_SAMPLE_INT)//设置图片以如何的编码方式显示.bitmapConfig(Bitmap.Config.RGB_565)//设置图片的解码类型.build();//构建完成return options;}
几点说明：1）.imageScaleType(ImageScaleType imageScaleType)  //设置图片的缩放方式，如：
1.imageScaleType(ImageScaleType.IN_SAMPLE_INT)
其中，mageScaleType的选择值:EXACTLY :图像将完全按比例缩小的目标大小EXACTLY_STRETCHED:图片会缩放到目标大小完全IN_SAMPLE_INT:图像将被二次采样的整数倍IN_SAMPLE_POWER_OF_2:图片将降低2倍，直到下一减少步骤，使图像更小的目标大小NONE:图片不会调整2）.displayer(BitmapDisplayer displayer)  // 设置图片的显示方式，如：
1.displayer(newFadeInBitmapDisplayer(100))
其中，displayer的选择值：RoundedBitmapDisplayer（int roundPixels）设置圆角图片，不推荐！！！FakeBitmapDisplayer（）这个类什么都没做FadeInBitmapDisplayer（int durationMillis）设置图片渐显的时间SimpleBitmapDisplayer()正常显示一张图片3.避免OOM.bitmapConfig(Bitmap.Config.RGB_565) //默认是ARGB_8888，使用RGB_565会比使用ARGB_8888少消耗2倍的内使用.imageScaleType(ImageScaleType.IN_SAMPLE_INT) 或imageScaleType(ImageScaleType.EXACTLY)避免使用.displayer(new RoundedBitmapDisplayer(20)) //他会创建新的ARGB_8888格式的Bitmap对象；
                                            

                                        

                        
                        内容来自用户分享和网络整理，不保证内容的准确性，如有侵权内容，可联系管理员处理 点击这里给我发消息 
                    

                    

                    

                        

                         标签： 
                                                

                        

                    


                

            


            

                
相关文章推荐

                

                
            

        

        

            

            
            

                

                    
新的分享

                    

                        
                    

                

            


            

                

                    
章节导航