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

Android-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(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後,呼叫以下方法來實現初始化:

  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:

              RoundedBitmapDisplayer(int roundPixels)設定圓角圖片

              FakeBitmapDisplayer()這個類什麼都沒做

              FadeInBitmapDisplayer(int 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.     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.     }});  

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.     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();

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

  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)  



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