703      阿裏雲  技術社區[雲棲]

Android-Universal-Image-Loader圖片異步加載並緩存

       可是有的人並不知道如何去使用這庫如何進行配置，網上查到的信息對於剛接觸的人來說可能太少了，下麵我就把我使用過程中所知道的寫了下來，希望可以幫助自己和別人更深入了解這個庫的使用和配置。 

        GITHUB上的下載路徑為：https://github.com/nostra13/Android-Universal-Image-Loader ，下載最新的庫文件，並且導入到項目的LIB下便可以使用。

        該庫以及DEMO本地下載鏈接：下載地址

一、介紹

 Android-Universal-Image-Loader是一個開源的UI組件程序，該項目的目的是提供一個可重複使用的儀器為異步圖像加載，緩存和顯示。所以，如果你的程序裏需要這個功能的話，那麼不妨試試它。因為已經封裝好了一些類和方法。我們 可以直接拿來用了。而不用重複去寫了。其實，寫一個這方麵的程序還是比較麻煩的，要考慮多線程，緩存，內存溢出等很多方麵。但是，你也可以參考這個例子來自己寫出更好的程序。在此為大家介紹一下：

二、特點

多線程的圖像加載
的可能性的寬調諧對ImageLoader的配置（線程池的大小，HTTP選項，內存和光盤高速緩存，顯示圖像，以及其他）
的圖像的可能性中的緩存存儲器和/或設備的文件器係統（或SD卡）
可以“聽”加載過程中
可自定義每個顯示的圖像調用分隔的選項
Widget支持
Android 1.5以上支持
簡單描述一下這個項目的結構：每一個圖片的加載和顯示任務都運行在獨立的線程中，除非這個圖片緩存在內存中，這種情況下圖片會立即顯示。如果需要的圖片緩存在本地，他們會開啟一個獨立的線程隊列。如果在緩存中沒有正確的圖片，任務線程會從線程池中獲取，因此，快速顯示緩存圖片時不會有明顯的障礙。（別人那邊借鑒的這段）

流程圖：

三、使用方法

  這是 一個開源的Android關於下載顯示圖片的工具類，在這個下載包裏麵jar文件，用於我們導入項目使用，具體使用方法在包裏麵也含有。下麵是一個例子：

[java] view plaincopy

1. <uses-permission android:name="android.permission.INTERNET" />  
2. <uses-permission android:name="android.permission.WRITE_EXTERNAL_STORAGE" />  

由於是使用過程中會圖片獲取要通過網絡，並且有緩存設置，所以這2個權限必須要有。

很多人想知道如何設置緩存的目錄，可以通過以下方法：

[java] view plaincopy

1. File cacheDir = StorageUtils.getOwnCacheDirectory(getApplicationContext(), "imageloader/Cache");  

//這個是你希望的緩存文件的目錄：imageloader/Cache

之後在ImageLoaderConfiguration的配置文件中通過設置

[java] view plaincopy

1. .discCache(new UnlimitedDiscCache(cacheDir))//自定義緩存路徑  

方法來設置該應用的圖片緩存路徑。

下麵我們就來開始看如何使用這個圖片異步加載庫把：

一.

        先要配置ImageLoaderConfiguration這個類實現全局ImageLoader的實現情況。

可以選擇在Application中初始化設置該類。

[java] view plaincopy

1. ImageLoaderConfiguration config = new ImageLoaderConfiguration  
2.     .Builder(context)  
3.     .memoryCacheExtraOptions(480, 800) // max width, max height，即保存的每個緩存文件的最大長寬  
4.     .discCacheExtraOptions(480, 800, CompressFormat.JPEG, 75, null) // Can slow ImageLoader, use it carefully (Better don't use it)/設置緩存的詳細信息，最好不要設置這個  
5.     .threadPoolSize(3)//線程池內加載的數量  
6.     .threadPriority(Thread.NORM_PRIORITY - 2)  
7.     .denyCacheImageMultipleSizesInMemory()  
8.     .memoryCache(new UsingFreqLimitedMemoryCache(2 * 1024 * 1024)) // You can pass your own memory cache implementation/你可以通過自己的內存緩存實現  
9.     .memoryCacheSize(2 * 1024 * 1024)    
10.     .discCacheSize(50 * 1024 * 1024)    
11.     .discCacheFileNameGenerator(new Md5FileNameGenerator())//將保存的時候的URI名稱用MD5 加密  
12.     .tasksProcessingOrder(QueueProcessingType.LIFO)  
13.     .discCacheFileCount(100) //緩存的文件數量  
14.     .discCache(new UnlimitedDiscCache(cacheDir))//自定義緩存路徑  
15.     .defaultDisplayImageOptions(DisplayImageOptions.createSimple())  
16.     .imageDownloader(new BaseImageDownloader(context, 5 * 1000, 30 * 1000)) // connectTimeout (5 s), readTimeout (30 s)超時時間  
17.     .writeDebugLogs() // Remove for release app  
18.     .build();//開始構建  
19.     // Initialize ImageLoader with configuration.  

以上的配置看個人需求進行選擇，不是所有都要進行配置。

配置好ImageLoaderConfiguration後，調用以下方法來實現初始化：

[java] view plaincopy

1. ImageLoader.getInstance().init(config);//全局初始化此配置  

注：ImageLoaderConfiguration 配置中的.discCacheFileNameGenerator()方法是將緩存下來的文件以什麼方式命名

          裏麵可以調用的方法有  1.new Md5FileNameGenerator() //使用MD5對UIL進行加密命名

                                                2.new HashCodeFileNameGenerator()//使用HASHCODE對UIL進行加密命名

二.

        使用ImageLoader進行圖片加載的時候，先要實例化ImageLoader，調用以下方法進行實例化，在每個布局裏麵都要實例化後再使用。

[java] view plaincopy

1. protected ImageLoader imageLoader = ImageLoader.getInstance();  

之後進行顯示的圖片的各種格式DisplayImageOptions 的設置：

[java] view plaincopy

1. DisplayImageOptions options;  
2. options = new DisplayImageOptions.Builder()  
3.  .showImageOnLoading(R.drawable.ic_launcher) //設置圖片在下載期間顯示的圖片  
4.  .showImageForEmptyUri(R.drawable.ic_launcher)//設置圖片Uri為空或是錯誤的時候顯示的圖片  
5. .showImageOnFail(R.drawable.ic_launcher)  
6. .cacheInMemory(true) //設置圖片加載/解碼過程中錯誤時候顯示的圖片  
7. .cacheInMemory(true)//設置下載的圖片是否緩存在內存中  
8. .cacheOnDisc(true)//設置下載的圖片是否緩存在SD卡中  
9. .considerExifParams(true)  
10. .imageScaleType(ImageScaleType.EXACTLY_STRETCHED)//設置圖片以如何的編碼方式顯示  
11. .bitmapConfig(Bitmap.Config.RGB_565)//設置圖片的解碼類型//  
12. .decodingOptions(android.graphics.BitmapFactory.Options decodingOptions)//設置圖片的解碼配置  
13. .considerExifParams(true)//設置圖片下載前的延遲  
14. //.delayBeforeLoading(int delayInMillis)//int delayInMillis為你設置的延遲時間  
15. //設置圖片加入緩存前，對bitmap進行設置  
16. //.preProcessor(BitmapProcessor preProcessor)  
17. .resetViewBeforeLoading(true)//設置圖片在下載前是否重置，複位  
18. .displayer(new RoundedBitmapDisplayer(20))//是否設置為圓角，弧度為多少  
19. .displayer(new FadeInBitmapDisplayer(100))//是否圖片加載好後漸入的動畫時間  
20. .build();//構建完成  

按照你所需要的配置去設置，如果不需要的就可以不做配置。

注：

  以上配置中的：

 1）.imageScaleType(ImageScaleType imageScaleType)  是設置 圖片的縮放方式
     縮放類型mageScaleType:

              EXACTLY :圖像將完全按比例縮小的目標大小

              EXACTLY_STRETCHED:圖片會縮放到目標大小完全

              IN_SAMPLE_INT:圖像將被二次采樣的整數倍

              IN_SAMPLE_POWER_OF_2:圖片將降低2倍，直到下一減少步驟，使圖像更小的目標大小

              NONE:圖片不會調整
  2）.displayer(BitmapDisplayer displayer)   是設置 圖片的顯示方式

      顯示方式displayer：

              RoundedBitmapDisplayer（int roundPixels）設置圓角圖片

              FakeBitmapDisplayer（）這個類什麼都沒做

              FadeInBitmapDisplayer（int durationMillis）設置圖片漸顯的時間

　　　　　　　  SimpleBitmapDisplayer()正常顯示一張圖片　　

之後按照需求調用

1.純粹為了加載默認配置的一個圖片的

  方法:

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

  具體實現：

[java] view plaincopy

1. ImageLoader.getInstance().displayImage(imageUrl, imageView); // imageUrl代表圖片的URL地址，imageView代表承載圖片的IMAGEVIEW控件  

2.加載自定義配置的一個圖片的

  方法:

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

  具體實現：

[java] view plaincopy

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

3.圖片加載時候帶加載情況的監聽

  方法：

 public void displayImage(String uri, ImageAware imageAware, DisplayImageOptions options,ImageLoadingListener listener) {｝

  ImageLoadingListener 用於監聽圖片的下載情況。

  具體實現：

[java] view plaincopy

1. imageLoader.displayImage(imageUrl, imageView, options, new ImageLoadingListener() {  
2.     @Override  
3.     public void onLoadingStarted() {  
4.        //開始加載的時候執行  
5.     }  
6.     @Override  
7.     public void onLoadingFailed(FailReason failReason) {        
8.        //加載失敗的時候執行  
9.     }   
10.     @Override   
11.     public void onLoadingComplete(Bitmap loadedImage) {  
12.        //加載成功的時候執行  
13.     }   
14.     @Override   
15.     public void onLoadingCancelled() {  
16.        //加載取消的時候執行  
17.   
18.     }});  

4.圖片加載時候，帶監聽又帶加載進度條的情況
   調用：
public void loadImage(String uri, ImageSize targetImageSize, DisplayImageOptions options,
                    ImageLoadingListener listener, ImageLoadingProgressListener progressListener) {}
   具體實現：

[java] view plaincopy

1. imageLoader.displayImage(imageUrl, imageView, options, new ImageLoadingListener() {  
2.     @Override  
3.     public void onLoadingStarted() {  
4.        //開始加載的時候執行  
5.     }  
6.     @Override  
7.     public void onLoadingFailed(FailReason failReason) {        
8.        //加載失敗的時候執行  
9.     }      
10.     @Override      
11.     public void onLoadingComplete(Bitmap loadedImage) {  
12.        //加載成功的時候執行  
13.     }      
14.     @Override      
15.     public void onLoadingCancelled() {  
16.        //加載取消的時候執行  
17.     },new ImageLoadingProgressListener() {        
18.       @Override  
19.       public void onProgressUpdate(String imageUri, View view, int current,int total) {     
20.       //在這裏更新 ProgressBar的進度信息  
21.       }  
22.     });  

四、注意事項
  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();


    大致就說到這裏，可能有的地方不足歡迎提出，希望大家可以更加容易入手、使用這個庫。

最後更新：2017-04-03 12:56:18

  上一篇： Android-Universal-Image-Loader圖片異步加載並緩存

  下一篇： UVA之12124 - Assemble