從事Android開發(fā)的猿們揭绑，一定都經(jīng)歷過對(duì)加載圖片這件事報(bào)以這個(gè)表情( ‵o′)凸弓候，每次都被IOS的同事調(diào)侃，從最先的用Volley下載后LurCache緩存他匪，到后面開源庫Universal-Image-Loader菇存，Picasso，Glide邦蜜，F(xiàn)resco依鸥，終于Android的圖片加載也迎來了春天，現(xiàn)在就讓我們擁抱春天悼沈，用力~（后方大波Fresco福利）贱迟。

</p>
這里沒有廣告，這里沒有跑分絮供，數(shù)據(jù)對(duì)比Google一下比比皆是衣吠，額···那我說什么好(ノ?益?)ノ彡┻━┻。
對(duì)啊壤靶，女朋友···呸呸呸缚俏，那么就來講一講用哪些庫好（你應(yīng)該已經(jīng)在知道了）。劇透一下（主要推薦Fresco）,劇透一下（主要推薦Fresco）,劇透一下（主要推薦Fresco）~~~請(qǐng)看到最后好不。

1忧换、Universal-Image-Loader

• 1W多的star恬惯，無需置疑它的受歡迎程度，簡(jiǎn)單易上手亚茬，小喵我第一個(gè)使用的圖片加載庫就是它酪耳，適用于所有的Imageview，結(jié)合LruCache和DiskLurCache刹缝，簡(jiǎn)單易上手碗暗，而且能夠一定程度上的節(jié)省流量和防止OOM，但是后來···它還是OOM了-( ‵o′)凸（一定不是我自己懶得優(yōu)化）赞草，而且加載的速度(不是說好的不談跑分么)和顯示效果確實(shí)比起其他的略微不足讹堤。

補(bǔ)充一句：記得把初始化放到Applicant里面吆鹤，不然每次都會(huì)被清緩存厨疙，加載的時(shí)候用單例。

2疑务、Picasso

• 沒用過的飄過····/(ㄒoㄒ)/~~

3沾凄、Glide

• 這是谷歌的親孩子，自帶緩存知允，支持GIF撒蟀，WebP，縮略圖温鸽，甚至是Video的第一幀保屯，對(duì)Bitmap的復(fù)用和線程優(yōu)化有著明顯的優(yōu)勢(shì)。Glide也是支持“所有”的ImageView涤垫，使用過程中十分流暢姑尺，這里推薦兩個(gè)庫：
• GlidePalette 一個(gè)可以在Glide加載時(shí)很方便使用Palette的庫。
• glide-transformations 處理各種圖片顯示效果的蝠猬，先看下面的圖片切蟋。為什么著重推薦這個(gè)，因?yàn)槿绻怯玫氖菆A形的ImageView或者特殊裁剪的什么榆芦，那么很可能會(huì)有問題柄粹。
  什么問題？反正大家都這么說的<(￣3￣)> 匆绣，用這庫就對(duì)了驻右。

transformations

• 其他需要注意的，比如不能在非主線程下調(diào)用Glide加載圖片崎淳。setTag要使用SimpleTarget或者繼承GlideModule旺入，可以配置成OKHttp來替代請(qǐng)求等等等等等。

聰明的你一定知道了，因?yàn)槲乙fFresco茵瘾，那么為什么不用Glide了呢礼华？挺好的啊~這·····因?yàn)槟炒挝乙淹ㄟ^圖片URL拿本地緩存的時(shí)候，我居然找不到同步獲取的方法(ノ?益?)ノ彡┻━┻拗秘，除了異步的回調(diào)之外圣絮，我居然找不到····而且聽說Fresco對(duì)GIF和webp支持更好，不雕旨，我不管扮匠，我要換女朋友。

前方安利入教凡涩，F(xiàn)resco大法好( ﹁ ﹁ ) ~→

</p>

4棒搜、Fresco

• 這是一個(gè)讓人又愛又恨的圖片加載，他自帶緩存活箕，支持GIF力麸，WebP，縮略圖···對(duì)圖片的緩存管理對(duì)5.0以下支持更是妥妥的育韩，功能豐富克蚂，自帶神器，帕拉啪啦啪啦··· 可惜他只支持自己的控件筋讨， 可惜他只支持自己的控件莺褒， 可惜他只支持自己的控件：DraweeView搭综，繼承了ImageView，但是和ImageView沒有什么關(guān)系，話說到底繼承干啥表悬？

• 進(jìn)入正題吧浴讯，感覺我好廢話寓调。我切換到Fresco也是下了很大的決心颤诀，因?yàn)樘鎿QImageView是一件很痛苦的事情，特別是Fresco不支持warp_content然想，不過強(qiáng)大的功能確實(shí)很吸引莺奔，才不是因?yàn)椴荒芙鉀Q的bug和需求呢。

1变泄、 首先推薦 FrescoImageView 令哟，這個(gè)庫繼承了SimpleDraweeView，封裝了需要的一些接口妨蛹，讓人使用起來更方便屏富，小喵在這基礎(chǔ)在做一些調(diào)整和封裝，具體看下面：

利用FrescoImageView封裝好的接口蛙卤，使用起來是不是很方便啊<(￣︶￣)↗

public static void loadFrescoImage(FrescoImageView frescoImageView, String uri, int defaultImg, boolean pathIsLocal) {
    loadFrescoImage(frescoImageView, uri, defaultImg, 0, false, pathIsLocal, true, null, null);
}

public static void loadFrescoImage(FrescoImageView frescoImageView, String uri, int defaultImg, boolean pathIsLocal, Point showSize) {
    loadFrescoImage(frescoImageView, uri, defaultImg, 0, false, pathIsLocal, true, showSize, null);
}

public static void loadFrescoImage(FrescoImageView frescoImageView, String uri, int defaultImg, int radius, boolean pathIsLocal, Point showSize) {
    loadFrescoImage(frescoImageView, uri, defaultImg, radius, false, pathIsLocal, true, showSize, null);
}

public static void loadFrescoImage(FrescoImageView frescoImageView, String uri, int defaultImg, boolean pathIsLocal, Postprocessor postprocessor) {
    loadFrescoImage(frescoImageView, uri, defaultImg, 0, false, pathIsLocal, true, null, postprocessor);
}

public static void loadFrescoImage(FrescoImageView frescoImageView, String uri, int defaultImg, boolean pathIsLocal, Point point, Postprocessor postprocessor) {
    loadFrescoImage(frescoImageView, uri, defaultImg, 0, false, pathIsLocal, true, point, postprocessor);
}

public static void loadFrescoImage(FrescoImageView frescoImageView, String uri, int defaultImg, int radius, boolean pathIsLocal, Point point, Postprocessor postprocessor) {
    loadFrescoImage(frescoImageView, uri, defaultImg, radius, false, pathIsLocal, true, point, postprocessor);
}

public static void loadFrescoImage(FrescoImageView frescoImageView, String uri, int defaultImg, int radius, boolean pathIsLocal) {
    loadFrescoImage(frescoImageView, uri, defaultImg, radius, false, pathIsLocal, true, null, null);
}

public static void loadFrescoImageCircle(FrescoImageView frescoImageView, String uri, int defaultImg, boolean pathIsLocal) {
    loadFrescoImage(frescoImageView, uri, defaultImg, 0, true, pathIsLocal, true, null, null);
}

/**
 * @param frescoImageView  
 * @param uri               URL或者本地uri
 * @param defaultImg        默認(rèn)資源
 * @param radius            弧形角度
 * @param showCircle        是否顯示圓
 * @param pathIsLocal       是否加載的是本地資源
 * @param gifAnima          是否執(zhí)行GIF動(dòng)畫
 * @param showSize          是否修改顯示大小
 * @param postprocessor     對(duì)圖像進(jìn)行二次處理
 */
public static void loadFrescoImage(FrescoImageView frescoImageView, String uri, int defaultImg,
                             int radius, boolean showCircle, boolean pathIsLocal, boolean gifAnima,
                             Point showSize, Postprocessor postprocessor) {
    init(frescoImageView, radius, showCircle, gifAnima, showSize, postprocessor);
    if (pathIsLocal) {
        frescoImageView.loadLocalImage(uri, defaultImg);
    } else {
        frescoImageView.loadView(uri, defaultImg);
    }
}

private static void init(FrescoImageView frescoImageView, int radius, boolean showCircle, boolean gifAnima,
                         Point showSize, Postprocessor postprocessor) {
    frescoImageView.setAnim(gifAnima);
    frescoImageView.setCornerRadius(radius);
    frescoImageView.setFadeTime(300);
    if (showCircle)
        frescoImageView.asCircle();
    if (postprocessor != null)
        frescoImageView.setPostProcessor(postprocessor);
    if (showSize != null) {
        frescoImageView.setResize(showSize);
    }
}

2狠半、 fresco-processors 這個(gè)庫做對(duì)圖像的二次處理噩死，繼承于Postprocessor ，讓我們用圖片說話：
高斯模糊神年，改變形狀已维、顏色、馬賽克無所不能已日。

fresco-processors

3垛耳、PhotoDraweeView 功能與丁丁大名的PhotoView一樣，支持雙擊放大飘千，單擊返回堂鲜，手動(dòng)放大與縮小等，無縫接入Fresco护奈，哎喲喂缔莲，不錯(cuò)喲。

4霉旗、<a href="">subsampling-scale-image-view 是不是很羨慕微博和微信加載高清長圖卻不OOM痴奏，每次都被產(chǎn)品還有測(cè)試說的火冒三丈，這個(gè)庫讓你高潮奖慌，它采用的是BitmapRegionDecoder的方式抛虫，分段加載顯示超長圖松靡，拒絕OOM简僧，而且，而且雕欺，而且支持支持支持：雙擊放大岛马，單擊返回，手動(dòng)放大等屠列，目前只能加載本地啦逆，不怕不怕，可以下下來用緩存暗崖濉：

我的邏輯是夏志，當(dāng)圖片的長度大于屏幕的2倍是就使用這個(gè)加載（寬度？ i dont care）

final SubsamplingScaleImageView imageView = (SubsamplingScaleImageView) 
final String tmpUri = list.get(position).getUri();
final Uri uri = Uri.parse((tmpUri .startsWith("http")) ? tmpUri : (tmpUri .startsWith("file://")) ? tmpUri : "file://" + tmpUri );
if (tmpUri .startsWith("http")) {
    File file = FrescoUtil.getLocalCache(uri);//Fresco的本地緩存
    if (file != null && file.exists()) {
        imageView.setImage(ImageSource.uri(file.getAbsolutePath()));
    } else {
        FrescoUtil.loadImage(tmpUri , context, 0, 0, new LoadingListener() {
            @Override
            public void onSuccess(Bitmap bitmap) {
                File file = FrescoUtil.getLocalCache(uri);
                if (file != null && file.exists()) {
                    imageView.setImage(ImageSource.uri(file.getAbsolutePath()));
                }
            }
           @Override
            public void onFail() {
            }
        });
    }
} else {
    imageView.setImage(ImageSource.uri(tmpUri .replace("file://", "")));
}

5苛让、注意事項(xiàng)（不定時(shí)更新）

</p>

• Fresco的初始化要寫在Applicantion里沟蔑，一定要打開DownsampleEnabled來讓圖片壓縮，不然全圖展示超大的圖片還是會(huì)有OOM狱杰，如果用了這個(gè)瘦材，在底層Fresco就幫助你調(diào)整好了，回調(diào)給你的圖片比例采樣后一定不會(huì)OOM（雖然可以用七牛的圖片處理）仿畸，而且因?yàn)?strong>Resizing 支持JPG食棕，所以這一定要打開朗和。

ImagePipelineConfig config = ImagePipelineConfig.newBuilder(this)   
.setDownsampleEnabled(true)
.build();
Fresco.initialize(this, config);

• Fresco在列表加載中一定要加上Resizing 來減少內(nèi)存的開銷，如果有必要簿晓，還可以在滑動(dòng)的時(shí)候做優(yōu)化處理眶拉。

@Override
public void onScrollStateChanged(RecyclerView recyclerView, int newState) {
    super.onScrollStateChanged(recyclerView, newState);
    switch (newState) {
        case RecyclerView.SCROLL_STATE_IDLE://停止滑動(dòng)
            if (Fresco.getImagePipeline().isPaused())
                Fresco.getImagePipeline().resume();
            break;
        case RecyclerView.SCROLL_STATE_DRAGGING:
            if (preScrollState == RecyclerView.SCROLL_STATE_SETTLING) {
                //觸摸滑動(dòng)不需要加載
                Fresco.getImagePipeline().pause();
            } else {
                //觸摸滑動(dòng)需要加載
                if (Fresco.getImagePipeline().isPaused())
                    Fresco.getImagePipeline().resume();
            }
            break;
        case RecyclerView.SCROLL_STATE_SETTLING://慣性滑動(dòng)
            Fresco.getImagePipeline().pause();
            break;
    }
    preScrollState = newState;
}

• 不能wrap_content，5.0的過場(chǎng)動(dòng)畫需要用到下方的配置憔儿，根據(jù)你前后的跳轉(zhuǎn)來設(shè)置

getWindow().setSharedElementEnterTransition(DraweeTransition.createTransitionSet(
        ScalingUtils.ScaleType.CENTER_CROP, ScalingUtils.ScaleType.CENTER_CROP));
getWindow().setSharedElementReturnTransition(DraweeTransition.createTransitionSet(
        ScalingUtils.ScaleType.CENTER_CROP, ScalingUtils.ScaleType.CENTER_CROP));

• 不要向Fresco設(shè)置大量大尺寸的R.drawable.XX資源镀层，因?yàn)檫@種類似的內(nèi)存釋放不及時(shí)，多跳轉(zhuǎn)幾個(gè)頁面很不幸你就會(huì)有OOM的可能皿曲，這中問題主要是在于設(shè)置背景唱逢，一般的loading和fail的圖片都不會(huì)很大（要那么大干嘛，UI你是要打架嗎( ‵o′)凸）屋休，我們選擇是把圖片保存到SD卡之后坞古，加載本地圖片資源，這樣可以友好的釋放背景大圖了劫樟。

• 獲取本地圖片和下載圖片的方法

/**

 * @param uri
 * @param context
 * @param width
 * @param height
 * @param listener
 */
public static void getImageLoading(String uri, Context context, int width, int height, final LoadingListener listener) {
    getBitmapWithProcessor(uri, context, width, height, null, listener);
}

/**
 * @param uri
 * @param context
 * @param width
 * @param height
 * @param processor 處理圖片的
 * @param listener
 */
public static void getImageLoading(final String uri, Context context, final int width, final int height,
                                          BasePostprocessor processor, final LoadingListener listener) {

    ResizeOptions resizeOptions = null;
    if (width != 0 && height != 0) {
        resizeOptions = new ResizeOptions(width, height);
    }

    ImageRequest imageRequest = ImageRequestBuilder.newBuilderWithSource(Uri.parse(uri))
            .setProgressiveRenderingEnabled(false) //不渲染
            .setPostprocessor(processor)
            .setResizeOptions(resizeOptions)
            .build();

    ImagePipeline imagePipeline = Fresco.getImagePipeline();

    DataSource<CloseableReference<CloseableImage>> dataSource = imagePipeline.fetchDecodedImage(imageRequest, context);
    dataSource.subscribe(new BaseBitmapDataSubscriber() {
        @Override
        protected void onNewResultImpl(Bitmap bitmap) {
      
        }

        @Override
        protected void onFailureImpl(DataSource<CloseableReference<CloseableImage>> dataSource) {
            listener.onFail();
        }
    }, CallerThreadExecutor.getInstance());

}

public static boolean isLocalCached(Uri uri) {
    ImagePipeline imagePipeline = Fresco.getImagePipeline();
    DataSource<Boolean> dataSource = imagePipeline.isInDiskCache(uri);
    if (dataSource == null) {
        return false;
    }
    ImageRequest imageRequest = ImageRequest.fromUri(uri);
    CacheKey cacheKey = DefaultCacheKeyFactory.getInstance()
            .getEncodedCacheKey(imageRequest, YHApplication.get());
    BinaryResource resource = ImagePipelineFactory.getInstance()
            .getMainFileCache().getResource(cacheKey);
    return resource != null && dataSource.getResult() != null && dataSource.getResult();
}

public static File getLocalCache(Uri uri) {
    if (!isLocalCached(uri))
        return null;
    ImageRequest imageRequest = ImageRequest.fromUri(uri);
    CacheKey cacheKey = DefaultCacheKeyFactory.getInstance()
            .getEncodedCacheKey(imageRequest, YHApplication.get());
    BinaryResource resource = ImagePipelineFactory.getInstance()
            .getMainFileCache().getResource(cacheKey);
    File file = ((FileBinaryResource) resource).getFile();
    return file;
}

這波就沒有DEMO了痪枫，如果你們有需要我再加吧。（說的有人看一樣(ノ?益?)ノ彡┻━┻叠艳。）奶陈。

個(gè)人Github ： https://github.com/CarGuo

2016-11-16晚上含淚補(bǔ)上DEMO: https://github.com/CarGuo/FrescoUtils

就瞅你咋地