? 轉(zhuǎn)載請(qǐng)注明本文出自xiaanming的博客（http://blog.csdn.net/xiaanming/article/details/26810303），請(qǐng)尊重他人的辛勤勞動(dòng)成果，謝謝！
大家好！差不多兩個(gè)來月沒有寫文章了，前段時(shí)間也是在忙換工作的事，準(zhǔn)備筆試面試什么的事情，現(xiàn)在新工作找好了，新工作自己也比較滿意，唯一遺憾的就是自己要去一個(gè)新的城市，新的環(huán)境新的開始，希望自己能盡快的適應(yīng)新環(huán)境，現(xiàn)在在準(zhǔn)備交接的事情，自己也有一些時(shí)間了，所以就繼續(xù)給大家分享Android方面的東西。
相信大家平時(shí)做Android應(yīng)用的時(shí)候，多少會(huì)接觸到異步加載圖片，或者加載大量圖片的問題，而加載圖片我們常常會(huì)遇到許多的問題，比如說圖片的錯(cuò)亂，OOM等問題，對(duì)于新手來說，這些問題解決起來會(huì)比較吃力，所以就有很多的開源圖片加載框架應(yīng)運(yùn)而生，比較著名的就是Universal-Image-Loader，相信很多朋友都聽過或者使用過這個(gè)強(qiáng)大的圖片加載框架，今天這篇文章就是對(duì)這個(gè)框架的基本介紹以及使用，主要是幫助那些沒有使用過這個(gè)框架的朋友們。該項(xiàng)目存在于Github上面https://github.com/nostra13/Android-Universal-Image-Loader，我們可以先看看這個(gè)開源庫存在哪些特征
?
多線程下載圖片，圖片可以來源于網(wǎng)絡(luò)，文件系統(tǒng)，項(xiàng)目文件夾assets中以及drawable中等 支持隨意的配置ImageLoader，例如線程池，圖片下載器，內(nèi)存緩存策略，硬盤緩存策略，圖片顯示選項(xiàng)以及其他的一些配置 支持圖片的內(nèi)存緩存，文件系統(tǒng)緩存或者SD卡緩存 支持圖片下載過程的監(jiān)聽 根據(jù)控件(ImageView)的大小對(duì)Bitmap進(jìn)行裁剪，減少Bitmap占用過多的內(nèi)存 較好的控制圖片的加載過程，例如暫停圖片加載，重新開始加載圖片，一般使用在ListView,GridView中，滑動(dòng)過程中暫停加載圖片，停止滑動(dòng)的時(shí)候去加載圖片 提供在較慢的網(wǎng)絡(luò)下對(duì)圖片進(jìn)行加載 ?
當(dāng)然上面列舉的特性可能不全，要想了解一些其他的特性只能通過我們的使用慢慢去發(fā)現(xiàn)了，接下來我們就看看這個(gè)開源庫的簡(jiǎn)單使用吧
?
新建一個(gè)Android項(xiàng)目，下載JAR包添加到工程libs目錄下
新建一個(gè)MyApplication繼承Application，并在onCreate()中創(chuàng)建ImageLoader的配置參數(shù)，并初始化到ImageLoader中代碼如下
?
[java] ?view plaincopy
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();?? ?? ???????? ????????ImageLoaderConfiguration?configuration?=?ImageLoaderConfiguration?? ????????????????.createDefault(this);?? ?????????? ???????? ????????ImageLoader.getInstance().init(configuration);?? ????}?? ?? }?? ImageLoaderConfiguration是圖片加載器ImageLoader的配置參數(shù)，使用了建造者模式，這里是直接使用了createDefault()方法創(chuàng)建一個(gè)默認(rèn)的ImageLoaderConfiguration，當(dāng)然我們還可以自己設(shè)置ImageLoaderConfiguration，設(shè)置如下
?
?
[java] ?view plaincopy
File?cacheDir?=?StorageUtils.getCacheDirectory(context);?? ImageLoaderConfiguration?config?=?new?ImageLoaderConfiguration.Builder(context)?? ????????.memoryCacheExtraOptions(480,?800)? ????????.diskCacheExtraOptions(480,?800,?CompressFormat.JPEG,?75,?null)?? ????????.taskExecutor(...)?? ????????.taskExecutorForCachedImages(...)?? ????????.threadPoolSize(3)? ????????.threadPriority(Thread.NORM_PRIORITY?-?1)? ????????.tasksProcessingOrder(QueueProcessingType.FIFO)? ????????.denyCacheImageMultipleSizesInMemory()?? ????????.memoryCache(new?LruMemoryCache(2?*?1024?*?1024))?? ????????.memoryCacheSize(2?*?1024?*?1024)?? ????????.memoryCacheSizePercentage(13)? ????????.diskCache(new?UnlimitedDiscCache(cacheDir))? ????????.diskCacheSize(50?*?1024?*?1024)?? ????????.diskCacheFileCount(100)?? ????????.diskCacheFileNameGenerator(new?HashCodeFileNameGenerator())? ????????.imageDownloader(new?BaseImageDownloader(context))? ????????.imageDecoder(new?BaseImageDecoder())? ????????.defaultDisplayImageOptions(DisplayImageOptions.createSimple())? ????????.writeDebugLogs()?? ????????.build();?? 上面的這些就是所有的選項(xiàng)配置，我們?cè)陧?xiàng)目中不需要每一個(gè)都自己設(shè)置，一般使用createDefault()創(chuàng)建的ImageLoaderConfiguration就能使用，然后調(diào)用ImageLoader的init（）方法將ImageLoaderConfiguration參數(shù)傳遞進(jìn)去，ImageLoader使用單例模式。
?
配置Android Manifest文件
?
[html] ?view plaincopy
<manifest>?? ????<uses-permission?android:name="android.permission.INTERNET"?/>?? ???? ????<uses-permission?android:name="android.permission.WRITE_EXTERNAL_STORAGE"?/>?? ????...?? ????<application?android:name="MyApplication">?? ????????...?? ????</application>?? </manifest>?? 接下來我們就可以來加載圖片了，首先我們定義好Activity的布局文件
?
?
[html] ?view plaincopy
<?xml?version="1.0"?encoding="utf-8"?>?? <FrameLayout?xmlns:android="http://schemas.android.com/apk/res/android"?? ????android:layout_width="fill_parent"?? ????android:layout_height="fill_parent">?? ?? ????<ImageView?? ????????android:layout_gravity="center"?? ????????android:id="@+id/image"?? ????????android:src="@drawable/ic_empty"?? ????????android:layout_width="wrap_content"?? ????????android:layout_height="wrap_content"?/>?? ?? </FrameLayout>?? ?
里面只有一個(gè)ImageView，很簡(jiǎn)單，接下來我們就去加載圖片，我們會(huì)發(fā)現(xiàn)ImageLader提供了幾個(gè)圖片加載的方法，主要是這幾個(gè)displayImage(),?loadImage(),loadImageSync()，loadImageSync()方法是同步的，android4.0有個(gè)特性，網(wǎng)絡(luò)操作不能在主線程，所以loadImageSync()方法我們就不去使用
.
loadimage()加載圖片
?
我們先使用ImageLoader的loadImage()方法來加載網(wǎng)絡(luò)圖片
?
[java] ?view plaincopy
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, 在回調(diào)方法onLoadingComplete()中將loadedImage設(shè)置到ImageView上面就行了，如果你覺得傳入ImageLoaderListener太復(fù)雜了，我們可以使用SimpleImageLoadingListener類，該類提供了ImageLoaderListener接口方法的空實(shí)現(xiàn)，使用的是缺省適配器模式
?
?
[java] ?view plaincopy
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);?? ????????????}?? ?????????????? ????????});?? 如果我們要指定圖片的大小該怎么辦呢，這也好辦，初始化一個(gè)ImageSize對(duì)象，指定圖片的寬和高，代碼如下
?
[java] ?view plaincopy
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);?? ????????????}?? ?????????????? ????????});?? ?
上面只是很簡(jiǎn)單的使用ImageLoader來加載網(wǎng)絡(luò)圖片，在實(shí)際的開發(fā)中，我們并不會(huì)這么使用，那我們平常會(huì)怎么使用呢？我們會(huì)用到DisplayImageOptions，他可以配置一些圖片顯示的選項(xiàng)，比如圖片在加載中ImageView顯示的圖片，是否需要使用內(nèi)存緩存，是否需要使用文件緩存等等，可供我們選擇的配置如下
?
[java] ?view plaincopy
DisplayImageOptions?options?=?new?DisplayImageOptions.Builder()?? ????????.showImageOnLoading(R.drawable.ic_stub)? ????????.showImageForEmptyUri(R.drawable.ic_empty)? ????????.showImageOnFail(R.drawable.ic_error)? ????????.resetViewBeforeLoading(false)?? ????????.delayBeforeLoading(1000)?? ????????.cacheInMemory(false)? ????????.cacheOnDisk(false)? ????????.preProcessor(...)?? ????????.postProcessor(...)?? ????????.extraForDownloader(...)?? ????????.considerExifParams(false)? ????????.imageScaleType(ImageScaleType.IN_SAMPLE_POWER_OF_2)? ????????.bitmapConfig(Bitmap.Config.ARGB_8888)? ????????.decodingOptions(...)?? ????????.displayer(new?SimpleBitmapDisplayer())? ????????.handler(new?Handler())? ????????.build();?? 我們將上面的代碼稍微修改下
?
[java] ?view plaincopy
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來配置顯示圖片的一些選項(xiàng)，這里我添加了將圖片緩存到內(nèi)存中已經(jīng)緩存圖片到文件系統(tǒng)中，這樣我們就不用擔(dān)心每次都從網(wǎng)絡(luò)中去加載圖片了，是不是很方便呢，但是DisplayImageOptions選項(xiàng)中有些選項(xiàng)對(duì)于loadImage()方法是無效的，比如showImageOnLoading,?showImageForEmptyUri等，
?
displayImage()加載圖片
?
接下來我們就來看看網(wǎng)絡(luò)圖片加載的另一個(gè)方法displayImage()，代碼如下
?
[java] ?view plaincopy
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接口，我們也不需要手動(dòng)設(shè)置ImageView顯示Bitmap對(duì)象，直接將ImageView作為參數(shù)傳遞到displayImage()中就行了，圖片顯示的配置選項(xiàng)中，我們添加了一個(gè)圖片加載中ImageVIew上面顯示的圖片，以及圖片加載出現(xiàn)錯(cuò)誤顯示的圖片，效果如下，剛開始顯示ic_stub圖片，如果圖片加載成功顯示圖片，加載產(chǎn)生錯(cuò)誤顯示ic_error
?
這個(gè)方法使用起來比較方便，而且使用displayImage()方法 他會(huì)根據(jù)控件的大小和imageScaleType來自動(dòng)裁剪圖片，我們修改下MyApplication，開啟Log打印
?
[java] ?view plaincopy
public?class?MyApplication?extends?Application?{?? ?? ????@Override?? ????public?void?onCreate()?{?? ????????super.onCreate();?? ?? ???????? ????????ImageLoaderConfiguration?configuration?=?new?ImageLoaderConfiguration.Builder(this)?? ????????.writeDebugLogs()? ????????.build();?? ?????????? ?????????? ???????? ????????ImageLoader.getInstance().init(configuration);?? ????}?? ?? }?? 我們來看下圖片加載的Log信息
?
第一條信息中，告訴我們開始加載圖片，打印出圖片的url以及圖片的最大寬度和高度，圖片的寬高默認(rèn)是設(shè)備的寬高，當(dāng)然如果我們很清楚圖片的大小，我們也可以去設(shè)置這個(gè)大小，在ImageLoaderConfiguration的選項(xiàng)中memoryCacheExtraOptions(int maxImageWidthForMemoryCache, int maxImageHeightForMemoryCache)
第二條信息顯示我們加載的圖片來源于網(wǎng)絡(luò)
第三條信息顯示圖片的原始大小為1024 x 682 經(jīng)過裁剪變成了512 x 341?
第四條顯示圖片加入到了內(nèi)存緩存中，我這里沒有加入到sd卡中，所以沒有加入文件緩存的Log
?
我們?cè)诩虞d網(wǎng)絡(luò)圖片的時(shí)候，經(jīng)常有需要顯示圖片下載進(jìn)度的需求，Universal-Image-Loader當(dāng)然也提供這樣的功能，只需要在displayImage()方法中傳入ImageLoadingProgressListener接口就行了，代碼如下
?
[java] ?view plaincopy
imageLoader.displayImage(imageUrl,?mImageView,?options,?new?SimpleImageLoadingListener(),?new?ImageLoadingProgressListener()?{?? ?????????????? ????????????@Override?? ????????????public?void?onProgressUpdate(String?imageUri,?View?view,?int?current,?? ????????????????????int?total)?{?? ?????????????????? ????????????}?? ????????});?? 由于displayImage()方法中帶ImageLoadingProgressListener參數(shù)的方法都有帶ImageLoadingListener參數(shù)，所以我這里直接new 一個(gè)SimpleImageLoadingListener，然后我們就可以在回調(diào)方法onProgressUpdate()得到圖片的加載進(jìn)度。
?
?
加載其他來源的圖片
?
使用Universal-Image-Loader框架不僅可以加載網(wǎng)絡(luò)圖片，還可以加載sd卡中的圖片，Content provider等，使用也很簡(jiǎn)單，只是將圖片的url稍加的改變下就行了，下面是加載文件系統(tǒng)的圖片
?
[java] ?view plaincopy
????????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);?? ?????????? ?????????? ????????imageLoader.displayImage(imageUrl,?mImageView,?options);?? 當(dāng)然還有來源于Content provider,drawable,assets中，使用的時(shí)候也很簡(jiǎn)單，我們只需要給每個(gè)圖片來源的地方加上Scheme包裹起來(Content provider除外)，然后當(dāng)做圖片的url傳遞到imageLoader中，Universal-Image-Loader框架會(huì)根據(jù)不同的Scheme獲取到輸入流
?
?
[java] ?view plaincopy
????????String?contentprividerUrl?=?"content://media/external/audio/albumart/13";?? ?????????? ???????? ????????String?assetsUrl?=?Scheme.ASSETS.wrap("image.png");?? ?????????? ???????? ????????String?drawableUrl?=?Scheme.DRAWABLE.wrap("R.drawable.image");?? GirdView,ListView加載圖片 ?
?
相信大部分人都是使用GridView，ListView來顯示大量的圖片，而當(dāng)我們快速滑動(dòng)GridView，ListView，我們希望能停止圖片的加載，而在GridView，ListView停止滑動(dòng)的時(shí)候加載當(dāng)前界面的圖片，這個(gè)框架當(dāng)然也提供這個(gè)功能，使用起來也很簡(jiǎn)單，它提供了PauseOnScrollListener這個(gè)類來控制ListView,GridView滑動(dòng)過程中停止去加載圖片，該類使用的是代理模式
?
[java] ?view plaincopy
listView.setOnScrollListener(new?PauseOnScrollListener(imageLoader,?pauseOnScroll,?pauseOnFling));?? ????????gridView.setOnScrollListener(new?PauseOnScrollListener(imageLoader,?pauseOnScroll,?pauseOnFling));?? 第一個(gè)參數(shù)就是我們的圖片加載對(duì)象ImageLoader, 第二個(gè)是控制是否在滑動(dòng)過程中暫停加載圖片，如果需要暫停傳true就行了，第三個(gè)參數(shù)控制猛的滑動(dòng)界面的時(shí)候圖片是否加載
?
?
OutOfMemoryError
?
雖然這個(gè)框架有很好的緩存機(jī)制，有效的避免了OOM的產(chǎn)生，一般的情況下產(chǎn)生OOM的概率比較小，但是并不能保證OutOfMemoryError永遠(yuǎn)不發(fā)生，這個(gè)框架對(duì)于OutOfMemoryError做了簡(jiǎn)單的catch,保證我們的程序遇到OOM而不被crash掉，但是如果我們使用該框架經(jīng)常發(fā)生OOM，我們應(yīng)該怎么去改善呢？
?
減少線程池中線程的個(gè)數(shù)，在ImageLoaderConfiguration中的（.threadPoolSize）中配置，推薦配置1-5 在DisplayImageOptions選項(xiàng)中配置bitmapConfig為Bitmap.Config.RGB_565，因?yàn)槟J(rèn)是ARGB_8888， 使用RGB_565會(huì)比使用ARGB_8888少消耗2倍的內(nèi)存 在ImageLoaderConfiguration中配置圖片的內(nèi)存緩存為memoryCache(new WeakMemoryCache()) 或者不使用內(nèi)存緩存 在DisplayImageOptions選項(xiàng)中設(shè)置.imageScaleType(ImageScaleType.IN_SAMPLE_INT)或者imageScaleType(ImageScaleType.EXACTLY) ?
通過上面這些，相信大家對(duì)Universal-Image-Loader框架的使用已經(jīng)非常的了解了，我們?cè)谑褂迷摽蚣艿臅r(shí)候盡量的使用displayImage()方法去加載圖片，loadImage()是將圖片對(duì)象回調(diào)到ImageLoadingListener接口的onLoadingComplete()方法中，需要我們手動(dòng)去設(shè)置到ImageView上面，displayImage()方法中，對(duì)ImageView對(duì)象使用的是Weak references，方便垃圾回收器回收ImageView對(duì)象，如果我們要加載固定大小的圖片的時(shí)候，使用loadImage()方法需要傳遞一個(gè)ImageSize對(duì)象，而displayImage()方法會(huì)根據(jù)ImageView對(duì)象的測(cè)量值，或者android:layout_width and android:layout_height設(shè)定的值，或者android:maxWidth and/or android:maxHeight設(shè)定的值來裁剪圖片
?
今天就給大家分享到這里，有不明白的地方在下面留言，我會(huì)盡量為大家解答的，下一篇文章我將繼續(xù)更深入的分析這個(gè)框架，希望大家繼續(xù)關(guān)注！
總結(jié)
以上是生活随笔 為你收集整理的Android 开源框架Universal-Image-Loader完全解析（一）--- 基本介绍及使用 的全部?jī)?nèi)容，希望文章能夠幫你解決所遇到的問題。
如果覺得生活随笔 網(wǎng)站內(nèi)容還不錯(cuò)，歡迎將生活随笔 推薦給好友。
