Android图片加载开源库深度推荐，安利Fresco

时间  2019-11-22
标签 android 图片 加载 开源 深度 推荐 安利 fresco 栏目 Android 繁體版
原文   原文链接
从事Android开发的猿们，必定都经历过对加载图片这件事报以这个表情( ‵o′)凸，每次都被IOS的同事调侃，从最早的用Volley下载后LurCache缓存，到后面开源库Universal-Image-Loader，Picasso，Glide，Fresco，终于Android的图片加载也迎来了春天，如今就让咱们拥抱春天，用力~（后方大波Fresco福利）。

这里没有广告，这里没有跑分，数据对比Google一下比比皆是，额···那我说什么好(ノಠ益ಠ)ノ彡┻━┻。
对啊，女友···呸呸呸，那么就来说一讲用哪些库好（你应该已经在知道了）。剧透一下（主要推荐Fresco）,剧透一下（主要推荐Fresco）,剧透一下（主要推荐Fresco）~~~请看到最后好不。javascript

一、Universal-Image-Loader

  • 1W多的star，无需置疑它的受欢迎程度，简单易上手，小喵我第一个使用的图片加载库就是它，适用于全部的Imageview，结合LruCache和DiskLurCache，简单易上手，并且可以必定程度上的节省流量和防止OOM，可是后来···它仍是OOM了-( ‵o′)凸（必定不是我本身懒得优化），并且加载的速度(不是说好的不谈跑分么)和显示效果确实比起其余的略微不足。
补充一句：记得把初始化放到Applicant里面，否则每次都会被清缓存，加载的时候用单例。复制代码

二、Picasso

  • 没用过的飘过····/(ㄒoㄒ)/~~

三、Glide

  • 这是谷歌的亲孩子，自带缓存，支持GIF，WebP，缩略图，甚至是Video的第一帧，对Bitmap的复用和线程优化有着明显的优点。Glide也是支持“全部”的ImageView，使用过程当中十分流畅，这里推荐两个库：
  • GlidePalette 一个能够在Glide加载时很方便使用Palette的库。
  • glide-transformations 处理各类图片显示效果的，先看下面的图片。为何着重推荐这个，由于若是是用的是圆形的ImageView或者特殊裁剪的什么，那么极可能会有问题。
    什么问题？反正你们都这么说的<(￣3￣)> ，用这库就对了。

transformations

  • 其余须要注意的，好比不能在非主线程下调用Glide加载图片。setTag要使用SimpleTarget或者继承GlideModule，能够配置成OKHttp来替代请求等等等等等。

　聪明的你必定知道了，由于我要说Fresco，那么为何不用Glide了呢？挺好的啊~这·····由于某次我要把经过图片URL拿本地缓存的时候，我竟然找不到同步获取的方法(ノಠ益ಠ)ノ彡┻━┻，除了异步的回调以外，我竟然找不到····并且据说Fresco对GIF和webp支持更好，不，我无论，我要换女友。java

前方安利入教，Fresco大法好( ﹁ ﹁ ) ~→

四、Fresco

  • 这是一个让人又爱又恨的图片加载，他自带缓存，支持GIF，WebP，缩略图···对图片的缓存管理对5.0如下支持更是妥妥的，功能丰富，自带神器，帕拉啪啦啪啦··· 惋惜他只支持本身的控件， 惋惜他只支持本身的控件， 惋惜他只支持本身的控件：DraweeView，继承了ImageView，可是和ImageView没有什么关系，话说到底继承干啥？android

  • 进入正题吧，感受我好废话。我切换到Fresco也是下了很大的决心，由于替换ImageView是一件很痛苦的事情，特别是Fresco不支持warp_content，不过强大的功能确实很吸引，才不是由于不能解决的bug和需求呢。ios

一、 首先推荐 FrescoImageView ，这个库继承了SimpleDraweeView，封装了须要的一些接口，让人使用起来更方便，小喵在这基础在作一些调整和封装，具体看下面：git

利用FrescoImageView封装好的接口，使用起来是否是很方便啊<(￣︶￣)↗github

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 默认资源 * @param radius 弧形角度 * @param showCircle 是否显示圆 * @param pathIsLocal 是否加载的是本地资源 * @param gifAnima 是否执行GIF动画 * @param showSize 是否修改显示大小 * @param postprocessor 对图像进行二次处理 */
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);
    }
}复制代码


二、 fresco-processors 这个库作对图像的二次处理，继承于Postprocessor ，让咱们用图片说话：
高斯模糊，改变形状、颜色、马赛克无所不能。
processors

三、PhotoDraweeView 功能与丁丁大名的PhotoView同样，支持双击放大，单击返回，手动放大与缩小等，无缝接入Fresco，哎哟喂，不错哟。web

四、subsampling-scale-image-view 是否是很羡慕微博和微信加载高清长图却不OOM，每次都被产品还有测试说的火冒三丈，这个库让你高潮，它采用的是BitmapRegionDecoder的方式，分段加载显示超长图，拒绝OOM，并且，并且，并且支持支持支持：双击放大，单击返回，手动放大等，目前只能加载本地，不怕不怕，能够下下来用缓存啊：api

个人逻辑是，当图片的长度大于屏幕的2倍是就使用这个加载（宽度？ 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://", "")));
}复制代码

五、注意事项（不定时更新）

  • Fresco的初始化要写在Applicantion里，必定要打开DownsampleEnabled来让图片压缩，否则全图展现超大的图片仍是会有OOM，若是用了这个，在底层Fresco就帮助你调整好了，回调给你的图片比例采样后必定不会OOM（虽然能够用七牛的图片处理），并且由于Resizing 支持JPG，因此这必定要打开。
ImagePipelineConfig config = ImagePipelineConfig.newBuilder(this)   
.setDownsampleEnabled(true)
.build();
Fresco.initialize(this, config);复制代码
  • Fresco在列表加载中必定要加上Resizing 来减小内存的开销，若是有必要，还能够在滑动的时候作优化处理。
@Override
public void onScrollStateChanged(RecyclerView recyclerView, int newState) {
    super.onScrollStateChanged(recyclerView, newState);
    switch (newState) {
        case RecyclerView.SCROLL_STATE_IDLE://中止滑动
            if (Fresco.getImagePipeline().isPaused())
                Fresco.getImagePipeline().resume();
            break;
        case RecyclerView.SCROLL_STATE_DRAGGING:
            if (preScrollState == RecyclerView.SCROLL_STATE_SETTLING) {
                //触摸滑动不须要加载
                Fresco.getImagePipeline().pause();
            } else {
                //触摸滑动须要加载
                if (Fresco.getImagePipeline().isPaused())
                    Fresco.getImagePipeline().resume();
            }
            break;
        case RecyclerView.SCROLL_STATE_SETTLING://惯性滑动
            Fresco.getImagePipeline().pause();
            break;
    }
    preScrollState = newState;
}复制代码
  • 不能wrap_content，5.0的过场动画须要用到下方的配置，根据你先后的跳转来设置
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设置大量大尺寸的R.drawable.XX资源，由于这种相似的内存释放不及时，多跳转几个页面很不幸你就会有OOM的可能，这中问题主要是在于设置背景，通常的loading和fail的图片都不会很大（要那么大干吗，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
  
  
  

  
 
  
    > dataSource = imagePipeline.fetchDecodedImage(imageRequest, context); dataSource.subscribe( 
   new BaseBitmapDataSubscriber() { @Override protected 
   void onNewResultImpl(Bitmap bitmap) { } @Override protected 
   void onFailureImpl(DataSource 
    
    
      > 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了，若是大家有须要我再加吧。（说的有人看同样(ノಠ益ಠ)ノ彡┻━┻。）。

我的Github ： github.com/CarGuo

就瞅你咋地
相关文章
相关标签/搜索
每日一句
    每一个你不满意的现在，都有一个你没有努力的曾经。
本站公众号
   欢迎关注本站公众号,获取更多信息
联系我们 最近搜索 最新文章 沪ICP备13005482号-10 MyBatis教程 SQL 教程 MySQL教程 Java 教程 Thymeleaf 教程 Hibernate教程 Spring教程 Redis教程