1. 程式人生 > >Android-Universal-Image-Loader 圖片非同步載入類庫的使用(超詳細配置)

Android-Universal-Image-Loader 圖片非同步載入類庫的使用(超詳細配置)

      這個圖片非同步載入並快取的類已經被很多開發者所使用,是最常用的幾個開源庫之一,主流的應用,隨便反編譯幾個火的專案,都可以見到它的身影。

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

        該庫以及DEMO本地下載連結:下載地址

一、介紹


 Android-Universal-Image-Loader是一個開源的UI元件程式,該專案的目的是提供一個可重複使用的儀器為非同步影象載入,快取和顯示。所以,如果你的程式裡需要這個功能的話,那麼不妨試試它。因為已經封裝好了一些類和方法。我們 可以直接拿來用了。而不用重複去寫了。其實,寫一個這方面的程式還是比較麻煩的,要考慮多執行緒,快取,記憶體溢位等很多方面。但是,你也可以參考這個例子來自己寫出更好的程式。在此為大家介紹一下:



二、特點


多執行緒的影象載入
的可能性的寬調諧對ImageLoader的配置(執行緒池的大小,HTTP選項,記憶體和光碟快取記憶體,顯示影象,以及其他)
的影象的可能性中的快取儲存器和/或裝置的檔案器系統(或SD卡)
可以“聽”載入過程中
可自定義每個顯示的影象呼叫分隔的選項
Widget支援
Android 1.5以上支援
簡單描述一下這個專案的結構:每一個圖片的載入和顯示任務都執行在獨立的執行緒中,除非這個圖片快取在記憶體中,這種情況下圖片會立即顯示。如果需要的圖片快取在本地,他們會開啟一個獨立的執行緒佇列。如果在快取中沒有正確的圖片,任務執行緒會從執行緒池中獲取,因此,快速顯示快取圖片時不會有明顯的障礙。(別人那邊借鑑的這段)

流程圖:

三、使用方法

  這是 一個開源的Android關於下載顯示圖片的工具類,在這個下載包裡面jar檔案,用於我們匯入專案使用,具體使用方法在包裡面也含有。下面是一個例子:

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

由於是使用過程中會圖片獲取要通過網路,並且有快取設定,所以這2個許可權必須要有。

很多人想知道如何設定快取的目錄,可以通過以下方法:

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

//這個是你希望的快取檔案的目錄:imageloader/Cache

之後在ImageLoaderConfiguration的配置檔案中通過設定

  1. .discCache(new UnlimitedDiscCache(cacheDir))//自定義快取路徑

方法來設定該應用的圖片快取路徑。

下面我們就來開始看如何使用這個圖片非同步載入庫把:

一.

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

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

  1. ImageLoaderConfiguration config = new ImageLoaderConfiguration  
  2.     .Builder(context)  
  3.     .memoryCacheExtraOptions(480800// max width, max height,即儲存的每個快取檔案的最大長寬
  4.     .discCacheExtraOptions(480800, CompressFormat.JPEG, 75null// 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 * 100030 * 1000)) // connectTimeout (5 s), readTimeout (30 s)超時時間
  17.     .writeDebugLogs() // Remove for release app
  18.     .build();//開始構建
  19.     // Initialize ImageLoader with configuration.

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

配置好ImageLoaderConfiguration後,呼叫以下方法來實現初始化:

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

注:ImageLoaderConfiguration 配置中的.discCacheFileNameGenerator()方法是將快取下來的檔案以什麼方式命名

          裡面可以呼叫的方法有  1.new Md5FileNameGenerator() //使用MD5對UIL進行加密命名

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

二.

使用ImageLoader進行圖片載入的時候,先要例項化ImageLoader,呼叫以下方法進行例項化,在每個佈局裡面都要例項化後再使用。

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

之後進行顯示的圖片的各種格式DisplayImageOptions 的設定:

  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. .cacheOnDisc(true)//設定下載的圖片是否快取在SD卡中
  8. .considerExifParams(true)  //是否考慮JPEG影象EXIF引數(旋轉,翻轉)
  9. .imageScaleType(ImageScaleType.EXACTLY_STRETCHED)//設定圖片以如何的編碼方式顯示
  10. .bitmapConfig(Bitmap.Config.RGB_565)//設定圖片的解碼型別//
  11. .decodingOptions(android.graphics.BitmapFactory.Options decodingOptions)//設定圖片的解碼配置
  12. //.delayBeforeLoading(int delayInMillis)//int delayInMillis為你設定的下載前的延遲時間
  13. //設定圖片加入快取前,對bitmap進行設定
  14. //.preProcessor(BitmapProcessor preProcessor)
  15. .resetViewBeforeLoading(true)//設定圖片在下載前是否重置,復位
  16. .displayer(new RoundedBitmapDisplayer(20))//是否設定為圓角,弧度為多少
  17. .displayer(new FadeInBitmapDisplayer(100))//是否圖片載入好後漸入的動畫時間
  18. .build();//構建完成

按照你所需要的配置去設定,如果不需要的就可以不做配置。注:以上配置中的:

 1.imageScaleType(ImageScaleType imageScaleType)  是設定 圖片的縮放方式縮放型別mageScaleType:              EXACTLY :影象將完全按比例縮小的目標大小              EXACTLY_STRETCHED:圖片會縮放到目標大小完全              IN_SAMPLE_INT:影象將被二次取樣的整數倍              IN_SAMPLE_POWER_OF_2:圖片將降低2倍,直到下一減少步驟,使影象更小的目標大小              NONE:圖片不會調整  2).displayer(BitmapDisplayer displayer)   是設定 圖片的顯示方式      顯示方式displayer              RoundedBitmapDisplayerintroundPixels)設定圓角圖片              FakeBitmapDisplayer()這個類什麼都沒做              FadeInBitmapDisplayerint durationMillis)設定圖片漸顯的時間         SimpleBitmapDisplayer()正常顯示一張圖片 

之後按照需求呼叫

1.純粹為了載入預設配置的一個圖片的  方法:

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

  具體實現:

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

2.載入自定義配置的一個圖片的  方法:

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

  具體實現:

  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 用於監聽圖片的下載情況。

  具體實現:

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

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

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

下面有人問到如何載入本地圖片什麼的,之後把那位親的回答補充上來,謝謝各位大大提出的不足(那時候用的時候只想到用網路圖片了,所以也沒考慮這麼多)。

  1. String imageUri = "http://site.com/image.png"; // from Web  
  2. String imageUri = "file:///mnt/sdcard/image.png"; // from SD card  
  3. String imageUri = "content://media/external/audio/albumart/13"; // from content provider  
  4. String imageUri = "assets://image.png"; // from assets  
  5. String imageUri = "drawable://" + R.drawable.image; // from drawables (only images, non-9patch)  


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