Android教程網
設為首頁|加入收藏
  1. 首頁
  2. Android 技術
  3. Android 手機
  4. Android 系統教程
  5. Android 游戲
 Android教程網 >> Android技術 >> 關於Android編程 >> Android 開源框架Universal-Image-Loader完全解析（一）--- 基本介紹及使用

Android 開源框架Universal-Image-Loader完全解析（一）--- 基本介紹及使用

編輯：關於Android編程

轉載請注明本文出自xiaanming的博客（http://blog.csdn.net/xiaanming/article/details/26810303），請尊重他人的辛勤勞動成果，謝謝！

大家好！差不多兩個來月沒有寫文章了，前段時間也是在忙換工作的事，准備筆試面試什麼的事情，現在新工作找好了，新工作自己也比較滿意，唯一遺憾的就是自己要去一個新的城市，新的環境新的開始，希望自己能盡快的適應新環境，現在在准備交接的事情，自己也有一些時間了，所以就繼續給大家分享Android方面的東西。

相信大家平時做Android應用的時候，多少會接觸到異步加載圖片，或者加載大量圖片的問題，而加載圖片我們常常會遇到許多的問題，比如說圖片的錯亂，OOM等問題，對於新手來說，這些問題解決起來會比較吃力，所以就有很多的開源圖片加載框架應運而生，比較著名的就是Universal-Image-Loader，相信很多朋友都聽過或者使用過這個強大的圖片加載框架，今天這篇文章就是對這個框架的基本介紹以及使用，主要是幫助那些沒有使用過這個框架的朋友們。該項目存在於Github上面https://github.com/nostra13/Android-Universal-Image-Loader，我們可以先看看這個開源庫存在哪些特征

多線程下載圖片，圖片可以來源於網絡，文件系統，項目文件夾assets中以及drawable中等支持隨意的配置ImageLoader，例如線程池，圖片下載器，內存緩存策略，硬盤緩存策略，圖片顯示選項以及其他的一些配置支持圖片的內存緩存，文件系統緩存或者SD卡緩存支持圖片下載過程的監聽根據控件(ImageView)的大小對Bitmap進行裁剪，減少Bitmap占用過多的內存較好的控制圖片的加載過程，例如暫停圖片加載，重新開始加載圖片，一般使用在ListView,GridView中，滑動過程中暫停加載圖片，停止滑動的時候去加載圖片提供在較慢的網絡下對圖片進行加載

當然上面列舉的特性可能不全，要想了解一些其他的特性只能通過我們的使用慢慢去發現了，接下來我們就看看這個開源庫的簡單使用吧


新建一個Android項目，下載JAR包添加到工程libs目錄下

新建一個MyApplication繼承Application，並在onCreate()中創建ImageLoader的配置參數，並初始化到ImageLoader中代碼如下

package com.example.uil;

import com.nostra13.universalimageloader.core.ImageLoader;
import com.nostra13.universalimageloader.core.ImageLoaderConfiguration;

import android.app.Application;

public class MyApplication extends Application {

	@Override
	public void onCreate() {
		super.onCreate();

		//創建默認的ImageLoader配置參數
		ImageLoaderConfiguration configuration = ImageLoaderConfiguration
				.createDefault(this);
		
		//Initialize ImageLoader with configuration.
		ImageLoader.getInstance().init(configuration);
	}

}
ImageLoaderConfiguration是圖片加載器ImageLoader的配置參數，使用了建造者模式，這裡是直接使用了createDefault()方法創建一個默認的ImageLoaderConfiguration，當然我們還可以自己設置ImageLoaderConfiguration，設置如下

File cacheDir = StorageUtils.getCacheDirectory(context);
ImageLoaderConfiguration config = new ImageLoaderConfiguration.Builder(context)
        .memoryCacheExtraOptions(480, 800) // default = device screen dimensions
        .diskCacheExtraOptions(480, 800, CompressFormat.JPEG, 75, 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();

上面的這些就是所有的選項配置，我們在項目中不需要每一個都自己設置，一般使用createDefault()創建的ImageLoaderConfiguration就能使用，然後調用ImageLoader的init（）方法將ImageLoaderConfiguration參數傳遞進去，ImageLoader使用單例模式。


配置Android Manifest文件


    
    
    
    ...
    
        ...

接下來我們就可以來加載圖片了，首先我們定義好Activity的布局文件


<frameLayout xmlns:android="http://schemas.android.com/apk/res/android"
    android:layout_width="fill_parent"
    android:layout_height="fill_parent">

    

</frameLayout>

裡面只有一個ImageView，很簡單，接下來我們就去加載圖片，我們會發現ImageLader提供了幾個圖片加載的方法，主要是這幾個displayImage(), loadImage(),loadImageSync()，loadImageSync()方法是同步的，android4.0有個特性，網絡操作不能在主線程，所以loadImageSync()方法我們就不去使用

.

loadimage()加載圖片


我們先使用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);
			}
			
		});
如果我們要指定圖片的大小該怎麼辦呢，這也好辦，初始化一個ImageSize對象，指定圖片的寬和高，代碼如下

final ImageView mImageView = (ImageView) findViewById(R.id.image);
		String imageUrl = "https://lh6.googleusercontent.com/-55osAWw3x0Q/URquUtcFr5I/AAAAAAAAAbs/rWlj1RUKrYI/s1024/A%252520Photographer.jpg";
		
		ImageSize mImageSize = new ImageSize(100, 100);
		
		ImageLoader.getInstance().loadImage(imageUrl, mImageSize, new SimpleImageLoadingListener(){

			@Override
			public void onLoadingComplete(String imageUri, View view,
					Bitmap loadedImage) {
				super.onLoadingComplete(imageUri, view, loadedImage);
				mImageView.setImageBitmap(loadedImage);
			}
			
		});

上面只是很簡單的使用ImageLoader來加載網絡圖片，在實際的開發中，我們並不會這麼使用，那我們平常會怎麼使用呢？我們會用到DisplayImageOptions，他可以配置一些圖片顯示的選項，比如圖片在加載中ImageView顯示的圖片，是否需要使用內存緩存，是否需要使用文件緩存等等，可供我們選擇的配置如下

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

我們將上面的代碼稍微修改下

final ImageView mImageView = (ImageView) findViewById(R.id.image);
		String imageUrl = "https://lh6.googleusercontent.com/-55osAWw3x0Q/URquUtcFr5I/AAAAAAAAAbs/rWlj1RUKrYI/s1024/A%252520Photographer.jpg";
		ImageSize mImageSize = new ImageSize(100, 100);
		
		//顯示圖片的配置
		DisplayImageOptions options = new DisplayImageOptions.Builder()
				.cacheInMemory(true)
				.cacheOnDisk(true)
				.bitmapConfig(Bitmap.Config.RGB_565)
				.build();
		
		ImageLoader.getInstance().loadImage(imageUrl, mImageSize, options, new SimpleImageLoadingListener(){

			@Override
			public void onLoadingComplete(String imageUri, View view,
					Bitmap loadedImage) {
				super.onLoadingComplete(imageUri, view, loadedImage);
				mImageView.setImageBitmap(loadedImage);
			}
			
		});

我們使用了DisplayImageOptions來配置顯示圖片的一些選項，這裡我添加了將圖片緩存到內存中已經緩存圖片到文件系統中，這樣我們就不用擔心每次都從網絡中去加載圖片了，是不是很方便呢，但是DisplayImageOptions選項中有些選項對於loadImage()方法是無效的，比如showImageOnLoading, showImageForEmptyUri等，


displayImage()加載圖片


接下來我們就來看看網絡圖片加載的另一個方法displayImage()，代碼如下

final ImageView mImageView = (ImageView) findViewById(R.id.image);
		String imageUrl = "https://lh6.googleusercontent.com/-55osAWw3x0Q/URquUtcFr5I/AAAAAAAAAbs/rWlj1RUKrYI/s1024/A%252520Photographer.jpg";
		
		//顯示圖片的配置
		DisplayImageOptions options = new DisplayImageOptions.Builder()
				.showImageOnLoading(R.drawable.ic_stub)
				.showImageOnFail(R.drawable.ic_error)
				.cacheInMemory(true)
				.cacheOnDisk(true)
				.bitmapConfig(Bitmap.Config.RGB_565)
				.build();
		
		ImageLoader.getInstance().displayImage(imageUrl, mImageView, options);

從上面的代碼中，我們可以看出，使用displayImage()比使用loadImage()方便很多，也不需要添加ImageLoadingListener接口，我們也不需要手動設置ImageView顯示Bitmap對象，直接將ImageView作為參數傳遞到displayImage()中就行了，圖片顯示的配置選項中，我們添加了一個圖片加載中ImageVIew上面顯示的圖片，以及圖片加載出現錯誤顯示的圖片，效果如下，剛開始顯示ic_stub圖片，如果圖片加載成功顯示圖片，加載產生錯誤顯示ic_error

\\


這個方法使用起來比較方便，而且使用displayImage()方法 他會根據控件的大小和imageScaleType來自動裁剪圖片，我們修改下MyApplication，開啟Log打印

public class MyApplication extends Application {

	@Override
	public void onCreate() {
		super.onCreate();

		//創建默認的ImageLoader配置參數
		ImageLoaderConfiguration configuration = new ImageLoaderConfiguration.Builder(this)
		.writeDebugLogs() //打印log信息
		.build();
		
		
		//Initialize ImageLoader with configuration.
		ImageLoader.getInstance().init(configuration);
	}

}

我們來看下圖片加載的Log信息

\

第一條信息中，告訴我們開始加載圖片，打印出圖片的url以及圖片的最大寬度和高度，圖片的寬高默認是設備的寬高，當然如果我們很清楚圖片的大小，我們也可以去設置這個大小，在ImageLoaderConfiguration的選項中memoryCacheExtraOptions(int maxImageWidthForMemZ喎?/kf/ware/vc/" target="_blank" class="keylink">vcnlDYWNoZSwgaW50IG1heEltYWdlSGVpZ2h0Rm9yTWVtb3J5Q2FjaGUpPC9wPjxwPrXatv7M9dDFz6LP1Mq+ztLDx7zT1Ni1xM28xqzAtNS009rN+MLnPC9wPjxwPrXayP3M9dDFz6LP1Mq+zbzGrLXE1K3KvLTz0KHOqjEwMjQgeCA2ODIgvq25/bLDvPSx5LPJwcs1MTIgeCAzNDEgPC9wPjxwPrXay8TM9c/Uyr7NvMasvNPI67W9wcvE2rTmu7q05tbQo6zO0tXiwO/Du9PQvNPI67W9c2S/qNbQo6zL+dLUw7vT0LzTyOvOxLz+u7q05rXETG9nPC9wPjxwPjxiciAvPjwvcD48cD7O0sPH1Nq809TYzfjC5828xqy1xMqxuvKjrL6ts6PT0NDo0qrP1Mq+zbzGrM/C1Ni9+LbItcTQ6Mfzo6xVbml2ZXJzYWwtSW1hZ2UtTG9hZGVytbHIu9KyzOG5qdXi0fm1xLmmxNyjrNa70OjSqtTaZGlzcGxheUltYWdlKCm3vbeo1tC0q8jrSW1hZ2VMb2FkaW5nUHJvZ3Jlc3NMaXN0ZW5lcr3Tv9q+zdDQwcujrLT6wuvI58/CPC9wPjxwPjwvcD48cHJlIGNsYXNzPQ=="brush:java;">imageLoader.displayImage(imageUrl, mImageView, options, new SimpleImageLoadingListener(), new ImageLoadingProgressListener() { @Override public void onProgressUpdate(String imageUri, View view, int current, int total) { } });由於displayImage()方法中帶ImageLoadingProgressListener參數的方法都有帶ImageLoadingListener參數，所以我這裡直接new 一個SimpleImageLoadingListener，然後我們就可以在回調方法onProgressUpdate()得到圖片的加載進度。


加載其他來源的圖片


使用Universal-Image-Loader框架不僅可以加載網絡圖片，還可以加載sd卡中的圖片，Content provider等，使用也很簡單，只是將圖片的url稍加的改變下就行了，下面是加載文件系統的圖片

//顯示圖片的配置
		DisplayImageOptions options = new DisplayImageOptions.Builder()
				.showImageOnLoading(R.drawable.ic_stub)
				.showImageOnFail(R.drawable.ic_error)
				.cacheInMemory(true)
				.cacheOnDisk(true)
				.bitmapConfig(Bitmap.Config.RGB_565)
				.build();
		
		final ImageView mImageView = (ImageView) findViewById(R.id.image);
		String imagePath = "/mnt/sdcard/image.png";
		String imageUrl = Scheme.FILE.wrap(imagePath);
		
//		String imageUrl = "http://img.my.csdn.net/uploads/201309/01/1378037235_7476.jpg";
		
		imageLoader.displayImage(imageUrl, mImageView, options);
當然還有來源於Content provider,drawable,assets中，使用的時候也很簡單，我們只需要給每個圖片來源的地方加上Scheme包裹起來(Content provider除外)，然後當做圖片的url傳遞到imageLoader中，Universal-Image-Loader框架會根據不同的Scheme獲取到輸入流

//圖片來源於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");


GirdView,ListView加載圖片


相信大部分人都是使用GridView，ListView來顯示大量的圖片，而當我們快速滑動GridView，ListView，我們希望能停止圖片的加載，而在GridView，ListView停止滑動的時候加載當前界面的圖片，這個框架當然也提供這個功能，使用起來也很簡單，它提供了PauseOnScrollListener這個類來控制ListView,GridView滑動過程中停止去加載圖片，該類使用的是代理模式

listView.setOnScrollListener(new PauseOnScrollListener(imageLoader, pauseOnScroll, pauseOnFling));
		gridView.setOnScrollListener(new PauseOnScrollListener(imageLoader, pauseOnScroll, pauseOnFling));
第一個參數就是我們的圖片加載對象ImageLoader, 第二個是控制是否在滑動過程中暫停加載圖片，如果需要暫停傳true就行了，第三個參數控制猛的滑動界面的時候圖片是否加載


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)

通過上面這些，相信大家對Universal-Image-Loader框架的使用已經非常的了解了，我們在使用該框架的時候盡量的使用displayImage()方法去加載圖片，loadImage()是將圖片對象回調到ImageLoadingListener接口的onLoadingComplete()方法中，需要我們手動去設置到ImageView上面，displayImage()方法中，對ImageView對象使用的是Weak references，方便垃圾回收器回收ImageView對象，如果我們要加載固定大小的圖片的時候，使用loadImage()方法需要傳遞一個ImageSize對象，而displayImage()方法會根據ImageView對象的測量值，或者android:layout_width and android:layout_height設定的值，或者android:maxWidth and/or android:maxHeight設定的值來裁剪圖片


今天就給大家分享到這裡，有不明白的地方在下面留言，我會盡量為大家解答的，下一篇文章我將繼續更深入的分析這個框架，希望大家繼續關注！









  1. 上一頁:
  2. 下一頁:
關於Android編程
Android編程入門Android技術基礎Android資訊關於Android編程Android開發Android開發環境Android開發實例
相關文章
熱門文章
android 保存手機郵件中的郵箱地址到聯系人，郵箱地址丟失的問題 Android官方開發文檔Training系列課程中文版：管理系統UI之隱藏狀態條 Android TextView顯示Html類解析的網頁和圖片及自定義標簽用法示例 Android4.4 framework分析——Zygote進程的啟動過程 [Andorid應用開發]-（1）博客總結，記在專欄之前 Android (supports-sceeens)的用法，適應屏幕大小
Android—Activity的四種啟動模式及區別

活動的啟動模式啟動模式一共有四種，分別是 standard、single
微信朋友圈熱文在哪 微信朋友圈熱文怎麼看

新版的微信裡，細心的朋友應該能看到在搜索那裡多出了一個功能
Android圖片資源的縮放問題

1. 圖片縮放後對齊的問題 在Android的開發中，如何使用圖片對很
揭秘在ListView等AdapterView上動態添加刪除項的陷阱

如何避開在ListView等AdapterView上動態添加刪除項的陷阱
閱讀排行版
Copyright © Android教程網 All Rights Reserved